2017-04-12 60 views
1

我正在使用引導按鈕組,並且存在覆蓋一些CSS狀態的問題。我相信狀態是:active:focus,它在按鈕的操作中爲按鈕添加深藍色背景,我嘗試覆蓋而沒有成功。引導按鈕組 - 覆蓋活動/聚焦狀態

我提供了一個Fiddle複製我遇到的問題。

試圖重寫此風格:

.btn-group label.btn-primary:active:focus { 
    background-color: #ffffff; 
} 

有什麼建議?

+2

所以IDK的爲什麼它不適用於'.btn-primary',但如果將它切換到'.btn-default',則可以使用檢查器中的顏色:https:/ /jsfiddle.net/jer8k6ex/3/ – indubitablee

+0

你能發佈你的代碼片段嗎? –

+1

@indubitablee工作,謝謝。奇怪的是.btn-default'和'.btn-primary'的行爲有什麼不同 – noclist

回答

0

你不能鏈的那些國家一起這樣的:

分別做他們:

.btn-group label.btn-primary:active { 
    background-color: #ffffff; 
} 

.btn-group label.btn-focus{ 
    background-color: #ffffff; 
} 

(順便說一句,我認爲你可能想transparent而不是#ffffff

https://jsfiddle.net/jer8k6ex/4/

+0

你當然可以鏈接這些國家 – noclist

+0

@noclist當我檢查通過,與您原來的CSS,它沒有覆蓋引導':主動'代碼。但是當我將它們分開時(相反,只是刪除了':focus'),它的工作方式如同jsfiddle – indubitablee

+0

@noclist所示,引導程序css也將它們作爲兩個單獨的選擇器。 idk,如果你可以或一般,但我知道,在你的jsfiddle提出的情況下,這是一個可測試的解決方案 – indubitablee