html - 如何仅在单击时使用 CSS 更改按钮的颜色？

Question

我知道有一个事件状态，但在我单击按钮后它会出现并保持不变。有没有一种方法可以使用 CSS 更改按钮的颜色，以在鼠标悬停在按钮上并仅单击时显示。

我的想法是类似同时用于 Focus 和 Active 的 CSS 选择器。有没有这样的事情或方式我可以做到这一点。这就像我在 Stackoverflow 上看到的按钮一样，但单击时颜色发生变化，当我将光标移开时颜色会消失。

Answer 1

请检查以下示例，看看这是否是您想要的。

JSFiddle1

input {
    background: #2e9ec7;
}
input:active {
    background: #2fa832;
    }

<input type="submit"></input>

JSFiddle2

input {
    background: #2e9ec7;
}
input:hover, input:active {
    background: #2fa832;
    }

<input type="submit"></input>

希望这对您有所帮助。