如何禁用仅使用CSS的链接？

2018-06-14 13:40:18

有什么办法可以禁用使用CSS的链接？

我有一个名为current-page的类，并希望禁用该类的链接，以便在单击它们时不会发生任何操作。

答案已经在问题的评论中。为了提高可见度，我在这里复制这个解决方案：

.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

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

CSS只能用来改变某种东西的风格。你可以用纯CSS做的最好的做法是完全隐藏链接。

你真正需要的是一些JavaScript。以下是你如何使用jQuery库做你想做的事情。

$('a.current-page').click(function() { return false; });

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

<a href="#" class="disabled">link</a>

链接地址: http://www.djcxy.com/p/41441.html