javascript - Twitter Bootstrap 按钮事件状态

Question

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

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

我尝试将其添加到 CSS 中:

a.btn:active{背景颜色:红色;}

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

我还尝试使用 :focus 而不是 :active，但这也不起作用。

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

Answer 1

:focus 是正确的选择。也许 Twitter bootstrap 会覆盖您的 :focus 样式。

http://jsfiddle.net/4aVuK/2/

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

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