Css 如何更改所选react bootstrap ToggleButton的背景色？

我正在使用react引导，试图将所选

的背景颜色更改为蓝色

e、 g:

因此，我想要蓝色，而不是你在下面看到的M/W/F的深灰色。我已经尝试了10亿个CSS技巧，但就是无法让它发挥作用。谢谢

---

是否尝试添加

bsStyle=“primary”

---

您可以通过添加以下类和样式规则来实现这一点

!！重要的是，需要重写react引导库的样式

.Btn-Blue-BG.active {
  background-color: blue !important;
}

及

请参见下面的演示：

---

你看过这里的定制造型吗：太接近了！但是，我希望只选中

状态的“primary”样式。您如何知道
primary
样式将被设置为蓝色？确实如此-谢谢你知道如何获得好的渐变效果吗？明白了：
背景图像：线性渐变（#295c87，#3679b2）！重要的后续问题-我将如何设置所述按钮的活动/悬停状态的样式？您可以添加一个新规则，
.Btn Blue BG.active:hover{…}
用于设置选定按钮上方悬停的样式，以及
.Btn Blue BG:hover{…}
用于设置未选定和选定按钮悬停的样式
.Btn-Blue-BG.active {
  background-color: blue !important;
}

<ToggleButton className="Btn-Blue-BG" ...>