0

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

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

我尝试将其添加到 CSS 中:

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

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

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

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

4

1 回答 1

5

:focus是要走的路。也许 Twitter 引导程序正在压倒你的:focus风格。

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

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

a.btn:focus{background-color:red !important;}
于 2012-09-01T00:10:24.467 回答