reactjs - 我怎样才能 react 引导改变选项卡的颜色

Question

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

Answer 1

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

.myClass ul > li > a {
    background-color: gray;
    color: white;
}

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

Working example at CodePen