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

Question

我是 react 和 react-bootstrap 的新手，我想在 处于事件状态时自定义标签的背景标签文本的 和 颜色 当它们不活动时。我试图在外部 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;
}