2012-09-05 17 views
16

我正在使用Bootstrap .btn-group並將按鈕切換到激活狀態,如單選按鈕。我發現按鈕上沒有足夠的對比來說明將它設置爲.active狀態時選擇了它。我繞過Less文件,它看起來像.active刪除漸變背景並添加一個盒子陰影。任何人都可以告訴我一個簡單的(不是非常有創意的)方式來使Bootstrap中的.btn組中的.btn的.active狀態變暗嗎?在Twitter中更改btn-group .active樣式Bootstrap

回答

25

.btn.active {background-color}定義在buttons.less第50行,但定製這個「不太侵入」的方式是添加下面的規則到你的CSS並且不要觸摸原來的Less。

.btn.active, .btn:active { 
    background-color: #XXXXXX; 
} 
+0

可能希望做這些更改,因爲可以覆蓋css中的任何更新。請參閱http://bootstrap.lesscss.ru/less.html#compiling爲多個方法編譯成更少的CSS。 –