CSS 禁用悬停效果

标签 css hover

我需要在整个 DOM 中禁用鼠标悬停在特定按钮(不是所有按钮)上。请让我知道如何使用 CSS 类实现它。

当我的按钮被禁用时,我正在使用下面的 CSS 类。现在我想使用相同的类删除悬停效果。

.buttonDisabled
 {
 Cursor:text !important; Text-Decoration: None !important; 
 } 

上面的类将负责移除鼠标悬停时的手势和文本下划线。现在我也想删除悬停效果。请告诉我。

最佳答案

对此我有非常简单的解决方案。

创建一个新类

.noHover{
    pointer-events: none;
}

并使用它来禁用其上的任何事件。像这样使用它:

<a href='' class='btn noHover'>You cant touch ME :P</a>

关于CSS 禁用悬停效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26754497/

相关文章:

javascript - chop div 内的文本

javascript - 在 Bootstrap 中更改输入文本

javascript - 悬停时向上移动文本

css - 将鼠标悬停在列表上时如何更改 anchor 颜色

javascript - 我可以在没有超时的情况下使用 CSS3 和/或 javascript 隐藏/显示此菜单吗

javascript - 导航 : Sub menu should display when hovered? - 不工作

html - 如何修复图像位于顶部的边框右上角半径

jquery - 自动滑动 jQuery jCarousel Lite 不工作

javascript - jQuery 动画悬停问题

html - 在 css 悬停效果上,无法选择/应用效果到特定元素?