完全格式化默認按鈕

Question

我有要求完全格式化引導程序3中的默認按鈕。我已經更改了定製程序中的默認背景色。

但我不知道在哪裏更改不同按鈕狀態（活動，懸停，焦點）的格式。有人知道我必須做什麼改變嗎？

Answer 1

以下是負責默認按鈕懸停，活動，焦點狀態的樣式......相應地進行更改。

.btn-default:hover, 
.btn-default:focus, 
.btn-default.focus, 
.btn-default:active, 
.btn-default.active, 
.open > .dropdown-toggle.btn-default { 
    color: #333333; 
    background-color: #e6e6e6; 
    border-color: #adadad; 
} 
.btn-default:active, 
.btn-default.active, 
.open > .dropdown-toggle.btn-default { 
    background-image: none; 
} 

究竟發生了什麼，定製程序將背景顏色變暗10％，邊框顏色變暗12％。

Less Mixins. 
background-color: darken(@background, 10%); 
border-color: darken(@border, 12%); 

因此，您無法直接在定製器中完全更改顏色。

Answer 2

使用定製器，border-radius和border-color，以及懸停和活動僞類都會相對於背景顏色自動計算（使用LESS）。如果這不是你想要的，你可以獨立地改變它們：

.btn-default:hover{ 
    background-color:#eee; 
    border-radius: 2px; 
    border: 1px solid #000; 
    color:#999; 
    etc... 
    } 

.btn-defauot:active{ 
    background-color:...etc 
    }