按下按钮的选择器

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定义必须是第一位的.