CSS 만 사용하여 링크를 비활성화하는 방법

질문 : CSS 만 사용하여 링크를 비활성화하는 방법

---

CSS를 사용하여 링크를 비활성화하는 방법이 있습니까?

current-page 라는 클래스가 있으며이 클래스와의 링크를 비활성화하여 클릭 할 때 아무 작업도 발생하지 않도록합니다.

답변

---

이 솔루션에서 :

 

[aria-current="page"] {
  pointer-events: none;
    cursor: default;
      text-decoration: none;
        color: black;
        }

<a href="link.html" aria-current="page">Link</a>

브라우저 지원은 https://caniuse.com/#feat=pointer-events 를 참조하십시오. Internet Explorer를 지원해야하는 경우 해결 방법이 있습니다. 이 답변을 참조하십시오.

경고 : 비 SVG 요소에 대한 CSS pointer-events 이 기능은 CSS 3 UI 초안 사양의 일부 였지만 많은 미해결 문제로 인해 CSS 4로 연기되었습니다.

출처 : https://stackoverflow.com/questions/2091168/how-to-disable-a-link-using-only-css