按钮的选择器

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定义必须先来。