如果你的hover事件和click事件的樣式不同，如元素背景本來是#fff，如果hover時背景是#ddd，點擊時背景是#aaa，那么問題是當(dāng)你點擊后，鼠標(biāo)再移動到這個元素時背景會變成#ddd，而你希望保持#aaa。

方法1：

var?styleObj=?document.styleSheets[0].cssRules[0].style; styleObj.removeProperty('color'); styleSheets表示樣式表 cssRules表示樣式表里的樣式 此方法需要知道hover事件在樣式表中的順序 不推薦 方法2：

.nav ul li:hover{
background: #ddd;
}

.active{
background: url('images/ico.gif') no-repeat center bottom;
background-color: #aaa;
color: #000!important;
}
.active:hover{
background: url('images/ico.gif') no-repeat center bottom!important;
background-color: #aaa!important;
color: #000!important;
}

轉(zhuǎn)載于:https://www.cnblogs.com/cdx0/p/activeHover.html

總結(jié)

以上是生活随笔為你收集整理的hover与click样式冲突的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。