禁用html標記的懸停狀態

Question

我想禁用我的HTML元素的懸停狀態，但不使用另一個CSS來覆蓋懸停的css。

這裏是我的代碼行：

<div id="test"> 
    Hello world 
</div> 

<style> 
    #test {color: red; border: 1px blue solid;} 
    #test:hover {color: green; border: 1px blue solid;} 
</style> 

在這種情況下

，「世界，你好」將是綠色的，當鼠標懸停，但我想沒有什麼發生，當鼠標移到沒有添加/重寫一個新的CSS禁用徘徊。有沒有什麼辦法通過javascript/jquery禁用懸停狀態？

請幫幫我。由於

Answer 1

您可以使用此jQuery代碼禁用懸停狀態：

$(document).ready(function() { 
    $('#test').hover(
     function() { 
     $('#test').css('color','red'); 
     } 
    ); 
});