CSS禁用悬停效果

Question

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

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

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

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

Answer 1

添加下列残疾按钮

.buttonDisabled:hover 
    { 
     /*your code goes here*/ 
    } 

Answer 2

添加悬停效果要禁用悬停效果，我有两个建议：

• 如果你的悬停效果是由JavaScript触发，只是使用$.unbind('hover');
• 如果您悬停风格是由类触发，那么就使用$.removeClass('hoverCssClass');

使用CSS !important覆盖CSS会使CSS非常不洁，因此不建议使用该方法。您始终可以使用不同的类名复制CSS样式以保持相同的样式。

Answer 3

从你的问题我所能理解的是，你已经有一些你想要删除的按钮的悬停效果。 为此要么删除导致悬停效果的CSS或覆盖它。

对于压倒一切，做到这一点

.buttonDisabled:hover 
{ 
    //overriding css goes here 
} 

例如，如果悬停您的按钮的背景颜色变化从红到蓝。在压倒一切的CSS中，你会使它变成红色，这样它就不会改变。

也经历了写作和覆盖CSS的所有规则。熟悉css将具有什么优先级。

祝你好运。

Answer 4

我真的很简单的解决方案。

只需要创建一个新的类

.noHover{ 
    pointer-events: none; 
} 

，并用这个来禁用它的任何事件。请使用它：

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