有没有办法针对某些 reac-bootstrap 组件 css？
Is there a way to target some reac-bootstrap component css?
有没有什么方法可以针对 CSS 中的 react-bootstrap 中的某些组件。对于我的应用程序，我使用的是 react-bootstrap 的模态框，我需要更改所有模态框的一些样式，如果我需要单独更改每个模态框，那会很烦人。
是的，这是可能的，但是您需要使用 ChromeDevTools 或类似工具检查模态框，并查看 类 在显示模态框时应用于模态框的内容。例如，当我检查来自 react-bootstrap 的模式时，我注意到应用于标题的样式被赋予了“modal-header”的类名。所以我创建了一个 Modal.css 文件并向其中添加了以下代码：
.modal-header {
background-color: red;
}
然后，我将“./Modal.css”导入到 Modal.js 文件或您定义或使用模态框的任何位置。最后，当我打开 Modal 时，标题可以说是红色背景。
请注意，有时覆盖 bootstrap 样式可能有点困难。
有没有什么方法可以针对 CSS 中的 react-bootstrap 中的某些组件。对于我的应用程序，我使用的是 react-bootstrap 的模态框，我需要更改所有模态框的一些样式，如果我需要单独更改每个模态框，那会很烦人。
是的，这是可能的，但是您需要使用 ChromeDevTools 或类似工具检查模态框，并查看 类 在显示模态框时应用于模态框的内容。例如，当我检查来自 react-bootstrap 的模式时，我注意到应用于标题的样式被赋予了“modal-header”的类名。所以我创建了一个 Modal.css 文件并向其中添加了以下代码：
.modal-header {
background-color: red;
}
然后，我将“./Modal.css”导入到 Modal.js 文件或您定义或使用模态框的任何位置。最后，当我打开 Modal 时，标题可以说是红色背景。
请注意，有时覆盖 bootstrap 样式可能有点困难。