2012-08-31 49 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