如何禁用仅使用CSS链接

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

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

当前回答

试试这个:

<style>
    .btn-disable {
        display: inline-block;
        pointer-events: none;
    }
</style>

2014-09-26 05:05:15

其他回答

CSS只能用来改变一些东西的样式。使用纯CSS所能做的最好的事情就是完全隐藏链接。

您真正需要的是一些JavaScript代码。下面是如何使用jQuery库完成您想做的事情。

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

2010-01-19 05:01:27

我在网上搜索了一下，没有比这更好的了。基本上，要禁用按钮点击功能，只需使用jQuery添加CSS样式，如下所示:

$("#myLink").css({ 'pointer-events': 'none' });

然后再次启用它，这样做

$("#myLink").css({ 'pointer-events': '' });

在Firefox和Internet Explorer 11上进行了检查，可以正常工作。

2015-08-21 07:58:13

你也可以试试这个

2021-03-04 11:25:01

试试这个:

<style>
    .btn-disable {
        display: inline-block;
        pointer-events: none;
    }
</style>

2014-09-26 05:05:15

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链接

推荐文章

最新文章

标签