单击后按钮返回原始样式而不是保持活动状态

Question

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

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

Answer 1

你可以使用:focus伪类而不是:active，因为:active只适用于鼠标在某个元素上停留的情况，而点击所述元素会给它:focus，直到焦点转移到其他地方（如页面上的另一个按钮或完全另一个窗口）。