Twitter Bootstrap按钮活动状态

时间:2012-08-31 23:54:10

标签: javascript jquery button twitter-bootstrap focus

我几乎只使用< a>我的网络应用程序中按钮的类别为“btn”的标签。

问题在于,当用户使用< tab>导航表单字段的关键,无法识别其中一个“按钮”何时具有焦点,这使他们感到沮丧。

我尝试将其添加到CSS:

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

但这并不是我想做的事情;这只会在单击按钮时更改背景颜色。当按钮通过< tab>获得焦点时,它不会影响按钮的显示方式。键。

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

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

1 个答案:

答案 0 :(得分:5)

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

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

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

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