html - 按下按钮的选择器

Question

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

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 定义必须放在第一位。