Twitter 引导按钮活动状态答案

【问题标题】：Twitter Bootstrap Button Active StateTwitter 引导按钮活动状态
【发布时间】：2012-08-31 23:54:10
【问题描述】：

对于我的网络应用程序中的按钮，我几乎只使用带有“btn”类的标签。

问题在于，当用户使用键导航表单字段时，无法识别这些“按钮”之一何时具有焦点，这让他们感到沮丧。

我尝试将其添加到 CSS 中：

a.btn:active{background-color:red;}

但这并不能真正达到我想要的效果；这只会改变背景颜色而按钮被点击。当按钮通过键获得焦点时，它不会影响按钮的显示方式。

我也尝试使用 :focus 代替 :active，但这也不起作用。

有谁知道我可以在我的应用中全局更改此设置的方法吗？

【问题讨论】：

使用:active和:focus的结果是什么？我们可以举个例子吗？
为什么不用标签按钮？
我不确定您的代码看起来如何，但 :focus 是您要查找的 CSS 属性
默认情况下，BS 会设置:focus 状态的样式（bootstrap.css:2978）：.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

【解决方案1】：

:focus 是要走的路。也许 Twitter 引导程序正在覆盖您的 :focus 样式。

也许尝试在你的 CSS 中添加 !important。

a.btn:focus{background-color:red !important;}

【讨论】：