我有一个CSS,当你把鼠标悬停在一个元素上时,它会改变格式.
.test:hover { border: 1px solid red; }
<div class="test">blah</div>
在某些情况下,我不想在hover上应用CSS.一种方法是使用jQuery从div中删除CSS类,但这会 destruct 其他功能,因为我也在使用该类格式化其子元素.
有没有办法从元素中删除"悬停"CSS样式?
我有一个CSS,当你把鼠标悬停在一个元素上时,它会改变格式.
.test:hover { border: 1px solid red; }
<div class="test">blah</div>
在某些情况下,我不想在hover上应用CSS.一种方法是使用jQuery从div中删除CSS类,但这会 destruct 其他功能,因为我也在使用该类格式化其子元素.
有没有办法从元素中删除"悬停"CSS样式?
我会使用两个类.保留您的测试类,并添加第二个名为testhover的类,该类只添加到您想要悬停的类中——与测试类一起.这并不是你直接提出的问题,但如果没有更多的背景,这似乎是最好的解决方案,可能是最干净、最简单的方法.
示例:
.test { border: 0px; }
.testhover:hover { border: 1px solid red; }
<div class="test"> blah </div>
<div class="test"> blah </div>
<div class="test testhover"> blah </div>