如何禁用仅使用CSS链接

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

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

当前回答

你也可以试试这个

2021-03-04 11:25:01

其他回答

身体{ font-family: 'Roboto'， sans-serif; 粗细:500; } a.disable { pointer-events:没有; 颜色:黑色; 文字修饰:没有; } 正常< a href = " https://example.com " > < / > <a href="https://example.com" class="disable"> disable </a> .

2022-01-23 05:37:32

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所能做的最好的事情就是完全隐藏链接。

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

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

2010-01-19 05:01:27

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

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

2010-01-19 05:01:13

试试这个:

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

2014-09-26 05:05:15

如何禁用仅使用CSS链接

推荐文章

最新文章

标签