pointer-events 속성
pointer-events 속성을 사용하면
요소가 마우스 이벤트에 반응하지 않도록 할 수 있습니다.
이 속성은 두 가지 값을 가집니다. none 값을 주면 반응이 사라지고, auto 값을 주면
요소가 평소처럼 동작하게 됩니다
(기본값).
구문
선택자 {
pointer-events: none | auto;
}
예시
다음 예시에서 링크는 커서 호버나 클릭에 반응하지 않습니다:
<a href="http://google.com">링크</a>
a {
pointer-events: none;
}
:
같이 보기
-
텍스트 선택을 방지하는 속성
user-select -
선택된 텍스트의 스타일을 제어하는
가상 요소
selection