css - 完全格式化默认按钮

Question

我需要在 bootstrap 3 中完全格式化默认按钮。我已经在定制器中更改了默认背景颜色。

但我不知道在哪里更改不同按钮状态(事件、悬停、焦点)的格式。有人知道我必须在哪里进行更改吗？

Answer 1

以下是负责默认按钮悬停、事件、焦点状态的样式...相应地更改它。

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.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%);

因此您无法直接在定制器中完全更改颜色。