我正在做一个改变元素背景颜色的chrome扩展,但是改变后
code>:hover选择器不再工作了我看到了这个问题,但在我的情况下,我不能将CSS规则更改为!重要
是否可以在不重写:hover
规则的情况下以编程方式更改元素样式?
我们可以使用javascript鼠标悬停和鼠标退出,如下所示
$(#id“)。鼠标悬停
null
$(document).ready(function(){
$("p").mouseover(function(){
$("p").css("background-color", "red");
})
$("p").mouseout(function(){
$("p").css("background-color", "");
})
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<p> Change Background </p>