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>