【发布时间】：2020-08-15 20:23:48
【问题描述】：
当光标悬停在一个按钮上时，它会改变颜色。
jsfiddle 示例：https://jsfiddle.net/xftbqku3/5/
我希望有这样的效果：
单击按钮时，禁用background-color css 规则，直到下一次将其悬停在上面。
换句话说，当我单击按钮时，我希望它显示按钮颜色（红色或绿色）而不是悬停颜色，直到下一次我将鼠标悬停在它上面。
仅使用 css 就可以做到这一点吗？
【问题讨论】：
-
纯CSS？不，但是您应该能够使用新变量（您甚至可以将其称为新变量）来做到这一点。并在按下按钮时将其设置为 true，在 mouseout 事件时设置为 false，并将悬停颜色效果赋予仅当新变量为 false 时才处于活动状态的类。
-
@Berci 这就是你的想法？ jsfiddle.net/xftbqku3/6
-
基本上是的。我并没有真正使用 vueJS（所以这就是为什么我的解释可能不是最好的）。但基本上这就是我试图提出的建议。
标签： css vue.js hover quasar-framework