pointer-events 속성

pointer-events 속성을 사용하면 요소가 마우스 이벤트에 반응하지 않도록 할 수 있습니다. 이 속성은 두 가지 값을 가집니다. none 값을 주면 반응이 사라지고, auto 값을 주면 요소가 평소처럼 동작하게 됩니다 (기본값).

구문

css선택자 {
  pointer-events: none | auto;
}

예시

다음 예시에서 링크는 커서 호버나 클릭에 반응하지 않습니다:

html<a href="http://google.com">링크</a>

cssa {
  pointer-events: none;
}

Результат:

같이 보기