按下按钮的选择器

Question

是否有任何选项或特殊选择器来更改按下按钮的样式，我的意思是......当用户单击按钮时我想更改该按钮的样式？有没有选项可以这样做：:focus或只有javascript点击/焦点事件？

Answer 1

我认为你正在寻找:active伪类......

#btn { border: solid 5px red; padding: 5px; }
#btn:hover { border-color: green; }
#btn:active { border-color: blue; }

<button id="btn" />

注意：如果您在单个元素上同时使用:hover和:active，则:hover定义必须先出现。