2012-08-31 46 views
0

我几乎完全使用<a>标签,在我的web应用程序中按钮的类为“btn”。Twitter Bootstrap按钮活动状态

问题是,当用户使用<标签键浏览表单域时,没有办法确定这些“按键”中的哪一个具有焦点,这使他们感到沮丧。

我尝试添加此的CSS:

a.btn:积极{背景色:红色;}

但是,这并没有真正做我想做的;这只会改变背景颜色该按钮正在被点击。当按钮通过<选项卡>键接收到焦点时,它不会影响按钮的显示方式。

我也尝试过使用:focus而不是:active,但那也没有效果。

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

+0

使用':active'和':focus'时的结果是什么?我们能看到一个例子吗? – Charlie

+0

为什么不使用标签按钮? –

+1

我不确定你代码的外观,但':focus'是你正在寻找的CSS属性 –

回答

5

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

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

也许尝试添加!在你的CSS重要。

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

'!important'是你的朋友与Twitter Bootstrap。 – Charlie