禁用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'); 
     } 
    ); 
});