如何仅使用CSS禁用链接？

Question

有什么方法可以使用CSS禁用链接吗？

我有一个叫的类current-page，想禁用与此类的链接，以便在单击它们时不执行任何操作。

Answer 1

答案已经在问题的注释中。

.not-active {

  pointer-events: none;

  cursor: default;

  text-decoration: none;

  color: black;

}


<a href="link.html" class="not-active">Link</a>

如果您需要支持IE，则有一种解决方法。

警告：pointer-eventsCSS中非SVG元素的使用是实验性的。该功能曾经是CSS3UI草案规范的一部分，但由于存在许多未解决的问题，因此已推迟到CSS4。