我怎样才能反应引导改变选项卡的颜色

Zee*_*han 6 reactjs react-bootstrap

我想更改 react-bootstrap 中使用的选项卡的颜色。但是当我更改样式时,它适用于内容而不是选项卡。我该怎么做。

Tod*_*fee 7

<Tabs className="myClass">组件上指定一个类。要修改选项卡的颜色,您的 CSS 会看起来有点古怪,但我还没有找到更好的方法来做到这一点:

.myClass ul > li > a {
    background-color: gray;
    color: white;
}
Run Code Online (Sandbox Code Playgroud)

您会注意到这不包括悬停和非活动状态,因此您需要做更多的工作,但这应该足以引导您朝着正确的方向前进。

CodePen 的工作示例

  • 这基本上仍然是正确的答案,但截至 2020 年,模式似乎是:.myClass &gt; a {/* your styles here */} (4认同)
  • 对我来说,工作变体是“.nav-tabs .nav-item.nav-link.active” - 这样活动选项卡将具有所需的彩色背景 (3认同)