鍍金池/ 問(wèn)答/HTML/ 為什么click事件之后hover有的不能用了？

為什么click事件之后hover有的不能用了？

如圖：想做一個(gè)按鈕

  1. 圖片描述

  2. 鼠標(biāo)點(diǎn)擊之后背景顏色和文字顏色發(fā)生改變，代碼如下

圖片描述

csshover代碼如下：圖片描述

現(xiàn)在我想問(wèn)的是為什么點(diǎn)擊事件沒(méi)毛病但是在點(diǎn)擊完離開(kāi)標(biāo)簽之后hover同時(shí)觸發(fā)了，可是我不想讓它觸發(fā)啊。。
而且我點(diǎn)擊事件改變了文字顏色點(diǎn)擊完鼠標(biāo)在hover的時(shí)候color不變化了，只有邊框變化，我想問(wèn)這種情況怎么解決？再一個(gè)我想問(wèn)我這種需求有沒(méi)有比較優(yōu)雅的實(shí)現(xiàn)方式？

回答
編輯回答
下墜

可以點(diǎn)擊切換class，通過(guò)class設(shè)置樣式

2017年6月16日 19:19
編輯回答
瘋浪

定義兩個(gè)class來(lái)切換，你這樣.css加的行內(nèi)樣式，權(quán)重高于class樣式，會(huì)導(dǎo)致class樣式不生效。

2017年7月24日 21:31