完全格式化默认按钮

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 
    }