带有 react-dates 的 CSS 样式

Question

希望一个简单的问题和一个简单的答案，但是您究竟如何使用自定义 CSS 来设置 react-date 组件的样式？当谈到 CSS 时，Github 上的文档对我来说就像泥巴一样清晰，并且似乎在推动用户使用主题方法……这似乎是让我的项目更加混乱和混乱的完美方式。我知道我必须导入react-dates/initialize 和react-dates/lib/css/_datepicker.css，但是导入我自己的 CSS 似乎不会影响样式。我正在为我的应用程序使用默认的 create-react-app 设置。

Answer 1

首先您需要包含库 CSS，然后包含您的自定义 CSS 以覆盖库 CSS。

require("libraries/style.css"); // Make sure to include this before your custom css
require("custom/style.css");

在您的自定义 style.css 文件中，您需要像这样覆盖 style.css 中的样式规则。

.library-css-rule {
   color: #000;
}