reactjs - 带有反应日期的 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;
}