如何让我的 html 按钮保持点击状态？ [关闭]答案

【问题标题】：How do i get my html button to stay clicked? [closed]如何让我的 html 按钮保持点击状态？ [关闭]
【发布时间】：2013-03-06 15:37:57
【问题描述】：

即使在单击之后，我如何才能维护 :active 选择器的 css 而无需更改浏览器默认的 :active 选择器的按钮 css。

【问题讨论】：

没有足够的信息来帮助您。对不起
我想你还没有尝试过你在这里所说的。

标签： javascript html css mobile browser

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：