在 Twitter Bootstrap 中更改 btn-group .active 样式

【问题标题】：Change btn-group .active style in Twitter Bootstrap在 Twitter Bootstrap 中更改 btn-group .active 样式
【发布时间】：2012-08-30 07:03:06
【问题描述】：

我正在使用 Bootstrap .btn-group 并将按下的按钮切换到活动状态，就像单选按钮一样。我发现按钮上没有足够的对比度来告诉它在设置为 .active 状态时被选中。我浏览了 Less 文件，看起来 .active 删除了渐变背景并添加了框阴影。谁能告诉我一种简单（不太侵入性）的方法来使 Bootstrap 中 .btn-group 中的 .btn 的 .active 状态变暗？

【问题讨论】：

标签： button twitter-bootstrap less

【解决方案1】：

.btn.active {background-color} 定义在buttons.less 第50 行，但是自定义它的“不太侵入”的方式是在你的CSS 中添加以下规则并且不要触及原始的Less。

.btn.active, .btn:active {
    background-color: #XXXXXX;
}

【讨论】：

可能希望在较少的时间内完成这些更改，因为 css 中的任何更新都可能被覆盖。请参阅bootstrap.lesscss.ru/less.html#compiling 了解将 less 编译成 css 的多种方法。