0

Web アプリのボタンには、ほぼ例外なく "btn" クラスの <a> タグを使用しています。

問題は、ユーザーが <tab> キーを使用してフォーム フィールドをナビゲートする場合、これらの「ボタン」の 1 つにフォーカスがあることを識別する方法がないことです。

これをCSSに追加してみました：

a.btn:active{背景色:赤;}

しかし、それは私が望んでいることではありません。ボタンがクリックされている間だけ背景色を変更します。ボタンが <tab> キーを介してフォーカスを受け取ったときのボタンの表示には影響しません。

:active の代わりに :focus を使用してみましたが、実際にはうまくいきません。

アプリでこれをグローバルに変更する方法を知っている人はいますか?

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 に答える