带有react-dates的CSS样式

时间:2018-03-05 18:02:16

标签: reactjs react-dates

希望这是一个简单的答案的简单问题,但你究竟如何使用自定义CSS来设置反应日期组件的样式?关于CSS,Github上的文档对我来说非常清楚,并且似乎促使用户使用主题方法......这似乎是让我的项目更加混乱和混乱的完美方式。我知道我必须导入react-dates/initializereact-dates/lib/css/_datepicker.css,但导入我自己的CSS似乎不会影响样式。我正在为我的应用程序使用默认的create-react-app设置。

1 个答案:

答案 0 :(得分: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;
}