>  기사  >  웹 프론트엔드  >  CSS에서 요소의 클릭 이벤트를 비활성화하는 방법

CSS에서 요소의 클릭 이벤트를 비활성화하는 방법

王林
王林앞으로
2020-09-28 16:38:126640검색

CSS에서 요소의 클릭 이벤트를 비활성화하는 방법

실제 작업에서 특정 요소의 클릭 이벤트를 금지해야 하는 경우 해당 요소의 포인터 이벤트 속성을 없음으로 설정할 수 있습니다.

(추천 튜토리얼: CSS 튜토리얼)

은 다음과 같습니다:

CSS에서 요소의 클릭 이벤트를 비활성화하는 방법

테스트 코드:

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;}

그 중 포인터 이벤트: 없음은 CSS3의 새로운 속성으로, 마우스 클릭 이벤트를 의미합니다. 이 속성이 있으면 모든 링크 및 클릭 이벤트가 유효하지 않습니다.

위 내용은 CSS에서 요소의 클릭 이벤트를 비활성화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제