如何禁用仅使用CSS链接

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

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

当前回答

我使用:

.current-page a:hover {
    pointer-events: none !important;
}

这还不够;在某些浏览器中，它仍然会闪烁着显示链接。

我必须补充一句:

.current-page a {
    cursor: text !important;
}

2018-09-19 11:42:56

其他回答

如果你想在表单上只使用HTML/CSS，另一种选择是使用按钮。设置它的样式并设置disabled属性。

如。 http://jsfiddle.net/cFTxH/1/

2012-12-27 18:00:18

指针事件属性允许控制HTML元素如何响应鼠标/触摸事件-包括CSS悬停/活动状态，在JavaScript中点击/点击事件，以及光标是否在可见。

这不是禁用链接的唯一方法，但这是一个很好的CSS方法，适用于Internet Explorer 10(及更高版本)和所有新浏览器:

.current-page { pointer-events:没有; 颜色:灰色; ｝ <a href="#" class="current-page">该链接被禁用</a> .

2017-07-02 11:28:40

你也可以试试这个

2021-03-04 11:25:01

另一个技巧是在上面放置一个看不见的元素。这将禁用任何悬停效果以及

.myButton{
    position: absolute;
    display: none;
}

.myButton::after{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

2019-09-13 16:04:29

试试这个:

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

2014-09-26 05:05:15

如何禁用仅使用CSS链接

推荐文章

最新文章

标签