如何自定义标签的背景和颜色？

Question

我是反应和反应引导的新手，我想自定义选项卡的背景，当active和标签文本的颜色不活动时。我试图在外部CSS文件中覆盖背景样式nav-style.active但它不起作用。

如何从react-bootstrap中自定义此属性和其他属性？

Answer 1

工作示例https://codesandbox.io/s/pz5l469m0?codemirror=1&fontsize=14

添加一个简单的CSS将起作用

.nav-link.active {
    color: red !important;
    background-color: yellow !important;
}