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

Question

即使在点击之后我如何维护:active选择器的css而不更改浏览器的默认:active选择器的按钮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