css - 单击后突出显示的按钮

Question

我希望我的应用程序的按钮只有在我将鼠标悬停在按钮上时才显示为绿色。目前，在我点击其中一个之后它们是绿色的，直到我点击其他东西。

例如，这个按钮在点击之后和点击其他地方之前是绿色的。

这个效果的名字是什么？

我现在正在查看我的 css 文件，试图找到这种效果并将其替换为 hover 以便只有当我将鼠标悬停在按钮上时按钮才显示为绿色。

Answer 1

我的猜测是它将样式应用于 :focus伪类。

The :focus CSS pseudo-class is applied when an element has received focus, either from the user selecting it with the use of a keyboard or by activating with the mouse (e.g. a form input).

或者，样式可能由 JavaScript 应用以响应点击/焦点事件，直接应用于元素，或通过向元素添加类来应用。

正如@AdrianoRepetti 在评论中提到的，使用开发工具来帮助确定样式的应用方式。