2013-10-05 82 views
4

在bootstrap.css中更改了按鈕btn-primary在不同狀態下的顏色,但以某種方式能夠懸停,它只佔一半。哪裏可以解決?謝謝。如何更改引導按鈕?

+0

請張貼您的代碼 – ZimSystem

+0

打開Firebug/Chrome,找到一個重疊的類。 – CodeGroover

回答

13

在bootstrap.css中,您可以更改處於不同狀態的類btn-primary中的按鈕顏色。我們來看下面的代碼:

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active { 
    color: #ffffff; 
    background-color: #3276b1; 
    border-color: #285e8e; 
} 

所以。您可以根據需要更改顏色,背景顏色等。

+3

Boostrap 3:別忘了雙僞類.btn-primary:active:focus否則按鈕在點擊時將保持其原始顏色 – bviale

1

使用Bootstrap按鈕很容易參考buttons

  1. 你用按鈕:

    還您可以通過定位在Bootstrap.css或在custom.css文件中的按鈕類重寫Bootstrap.css

    例如改變他們的行爲默認主要或任何其他按鈕類型。在Bootstrap.css

  2. 搜索像類.btn默認.btn小學或任何其他類.btn-XXXX
  3. ,你將有你的按鈕狀態(懸停,突出重點,積極的),你想要像

顏色更改值: --->的按鈕上的字體的顏色。

background-color: --->爲按鈕的背景顏色,等等。

希望這對你有所幫助,如果你需要更多的幫助請求上傳一個實時代碼。

1

改變類的名稱...例如:

.btn測試{ 顏色:#FF5733 ; background-color:#800000;

}

.btn測試:懸停{ 顏色:#800000; background-color:#FF5733; }