Twitter Bootstrap按钮活动状态

Question

对于我的网络应用程序中的按钮,我几乎只使用带有"btn"类的<a>标签.

问题是,当用户使用<tab>键导航表单字段时,无法确定其中一个"按钮"何时具有焦点,这使他们感到沮丧.

我尝试将其添加到CSS:

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

但这并不是我想做的事情; 这只是改变了背景颜色,而被点击的按钮.当按钮通过<tab>键接收焦点时,它不会影响按钮的显示方式.

我也尝试过使用:focus而不是:active,但这也不起作用.

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

Answer 1

:focus是要走的路.也许Twitter bootstrap覆盖了你的:focus风格.

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

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

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