如何禁用仅使用CSS链接

是否有一种方法禁用链接使用CSS?

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

当前回答

Pointer-events:none将禁用该链接:

.disabled {
    pointer-events: none;
}

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

其他回答

简单地使用你的标签没有链接，不包括任何链接属性。

<a href="#!">1)链接非定向url</a><br><br> <a href="#!" disabled >2) Link With With disable url</a><br><br>

CSS做不到这一点。CSS仅用于表示。你的选择是:

不要在<a>标签中包含href属性。使用JavaScript找到该类的锚元素，并相应地删除它们的href或onclick属性。jQuery将帮助您实现这一点(NickF展示了如何做类似的事情，但更好)。

.disabled { pointer-events:没有; 光标:违约; 透明度:0.6; ｝ <a href="#" class="disabled">link</a>

您还可以调整另一个元素的大小，使其覆盖链接(使用正确的z-index):这将“吃掉”点击。

(我们偶然发现这一点，因为我们有一个问题，突然不活跃的链接，由于“响应式”设计导致H2覆盖他们时，浏览器窗口的移动大小。)

推荐文章