js添加样式后优先级高于hover的解决办法

为按钮添加document.getElementById("loginButton").style.backgroundColor = "#ffffff";背景色

发现css的hover无效了，因为js的优先级高于css，解决办法是将.loginbtn_1:hover{background:#1f7ed3; }

改为.loginbtn_1:hover{background:#1f7ed3 !important;}

!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。使用!important的css是拥有最高的优先级的。这样hover的样式就不会被我们写的其他样式覆盖掉了