Question

我要求完全格式化bootstrap 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
  }

完全格式化默认按钮

2 个答案: