CSS 带有反应日期的样式

Question

希望是一个简单的问题和一个简单的答案，但是你究竟如何使用自定义 CSS 来设计 react-date 组件的样式？ Github 上的文档对于 CSS 对我来说就像泥巴一样清晰，并且似乎促使用户使用主题方法......这似乎是使我的项目更加完美的方法混乱和混乱。我知道我必须导入 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;
}

CSS 带有反应日期的样式

CSS Styling with react-dates

reactjs

react-dates