时间戳

首页 > 解决方案 > Bootstrap 3 - 如何使用切换更改“.active”按钮的颜色？

css - Bootstrap 3 - 如何使用切换更改“.active”按钮的颜色？

问题描述

我正在使用以下代码来切换无线电输入：

<div class="btn-group">
  <a href="#price" class="btn btn-primary btn-xs active" data-toggle="tab">
    <input type="radio" name="price" id="price" value="1"> Price
  </a>
  <a href="#contact" class="btn btn-primary btn-xs active" data-toggle="tab">
    <input type="radio" name="contact" id="contact" value="0"> Contact
  </a>
</div>

当我单击“联系人”按钮时，.active该类将被分配给“联系人”按钮。当我单击价格按钮时，该类将被分配给价格按钮。

这很好用。但我想更改活动按钮的颜色 - 现在，两个按钮都是灰色的。但我想要.active按钮蓝色（主要）和non-active按钮灰色（默认）。

我怎么做？我只能用 CSS 做吗？

标签： csstwitter-bootstrapbuttontwitter-bootstrap-3

解决方案

尝试添加这个 css

.btn-group .btn.active {
    background-color: blue;
}

推荐阅读