如何刪除：不使用額外類的懸停狀態？

Question

我正在使用<button>標記，並在hovering上給出了button的紅色背景。但是，我怎樣才能刪除:hover狀態，而不使用額外的類。

Answer 1

您可以從Javascript更改該特定元素的CSS。否則，我只想用一個額外的類...

Answer 2

.hover(function() { 
    $(this).toggleClass("active") 
} 

這是jQuery的文檔 - http://api.jquery.com/hover/

如果你想有各種各樣的延遲工作...你可以使用的mouseenter（離開，如果你想定製的東西）

.mouseenter(function() { 
    $(this).addClass("active") 
}).delay(5000).removeClass("active") 

這應該工作......你可能需要使用自定義超時？延遲並不總是做我認爲會發生的事情，但我認爲這樣做。

Answer 3

您可以簡單地使用腳本將背景色設置爲初始「在某個時間之後」。由於注入的內聯css比您的:hover僞選擇器有更多specificity，它將不再起作用。

既沒有添加額外的類也沒有使用任何回調函數。

（下超時僅用於演示目的）

setTimeout(function() { 
 
    alert("after sometime!"); 
 
    $("div").css("background-color", "initial"); 
 
}, 4000);

div { 
 
    width: 100px; 
 
    height: 100px; 
 
    border: 1px solid; 
 
} 
 
div:hover { 
 
    background: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div></div>