如何禁用仅使用CSS链接

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

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

当前回答

你可以用CSS来做这件事的一种方法是在包装div上设置一个CSS，你设置它消失，其他东西会取代它的位置。

例如:

<div class="disabled">
    <a class="toggleLink" href="wherever">blah</a>
    <span class="toggleLink">blah</span
</div>

使用CSS

.disabled a.toggleLink { display: none; }
span.toggleLink { display: none; }
.disabled span.toggleLink { display: inline; }

要真正关闭a，您必须替换它的click事件或href，如其他人所述。

PS:澄清一下，我认为这是一个相当不整洁的解决方案，对于SEO来说也不是最好的，但我相信它是纯CSS最好的。

2010-01-19 05:18:00

其他回答

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

2022-05-10 06:28:54

Bootstrap禁用链接

<a href="#" class="btn btn-primary btn-lg disabled" role="button">Primary link</a>

<a href="#" class="btn btn-default btn-lg disabled" role="button">Link</a>

Bootstrap禁用按钮，但它看起来像链接

<button type="button" class="btn btn-link">Link</button>

2014-04-10 05:53:24

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

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

2010-01-19 05:00:03

你也可以试试这个

2021-03-04 11:25:01

你可以将href属性设置为javascript:void(0):

.disabled { /*禁用链接样式*/ 颜色:黑色; ｝ <a class="disabled" href="javascript:void(0)“链接> < / >

2010-01-19 05:01:13

如何禁用仅使用CSS链接

推荐文章

最新文章

标签