javascript - 如何让我的 html 按钮保持点击状态？

Question

:active即使在不更改浏览器默认:active选择器的按钮 css的情况下，如何在单击后维护选择器的 css。

Answer 1

您可以设置按钮的“活动”和“已访问”属性的样式，使其看起来相同。

#button:active{
    border:1 px solid red;
    color:#FFF;
    background:black;
}
#button:visited{
    border:1 px solid red;
    color:#FFF;
    background:black;
}

一定要给你的按钮一个 id。

Answer 2

您可以通过 css 依赖:active伪类并相应地对其进行样式设置，或者使用 JavaScript 在 click 事件上设置一个 css 类，以添加一个样式类似于 mousedown 状态的 css 类。

您还可以在他们的示例页面上查看 bootstrap 是如何做到这一点的：

http://twitter.github.com/bootstrap/javascript.html#buttons