css - 单击后按钮恢复原始样式而不是保持活动状态

Question

基本上我有两个三种按钮样式：正常、悬停和活动。

单击按钮后，我希望它保持活动样式，而不是在页面加载前片刻恢复正常。这可以用css完成还是我必须用jquery来完成？

Answer 1

您可以使用:focus伪类而不是:active，因为:active仅当鼠标在一个元素上时才适用，而单击所述元素将给出它，:focus直到焦点转移到其他地方（如页面上的另一个按钮，或完全另一个窗口）。