单击鼠标移除悬停样式,直到下次悬停元素为止



当光标悬停在按钮上时,它会改变颜色。

示例jsfiddle:https://jsfiddle.net/xftbqku3/5/

我希望有这样的效果:单击该按钮时,禁用background-colorcss规则,直到下次将其悬停为止。

换句话说,当我点击按钮时,我希望它显示按钮的颜色(红色或绿色(,而不是悬停颜色,直到下次我悬停在它上面

只需要css就可以做到这一点吗?

我无法发表评论(没有足够的声誉(。但也许你可以尝试使用<input type=checkbox>和css中的input:checked