提问者:小点点

CSS:动态更改后悬停选择器不工作


我正在做一个改变元素背景颜色的chrome扩展,但是改变后

code>:hover选择器不再工作了我看到了这个问题,但在我的情况下,我不能将CSS规则更改为!重要

是否可以在不重写:hover规则的情况下以编程方式更改元素样式?


共1个答案

匿名用户

我们可以使用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>