当前位置: 代码迷 >> 综合 >> javascript 改变样式之后,css的:hover功能失效,可以附加!important
  详细解决方案

javascript 改变样式之后,css的:hover功能失效,可以附加!important

热度:86   发布时间:2023-10-27 02:37:46.0

示例代码:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>test</title><style>.border{width: 100px;height: 100px;background-color: red;}.border:hover{background-color: green !important;}</style><script>function changeBackgroundColor(){document.getElementById("border").style.backgroundColor="blue";}</script>
</head>
<body><div id="border" class="border" οnclick="changeBackgroundColor()"></div>
</body>
</html>
上面的代码去掉 !important 之后,.border:hover会失效。

  相关解决方案