Reactjs 带有反应日期的CSS样式

Reactjs 带有反应日期的CSS样式,reactjs,react-dates,Reactjs,React Dates,希望是一个简单的问题和一个简单的答案,但您如何确切地使用自定义CSS来设置react日期组件的样式?Github上的文档在CSS方面对我来说就像泥一样清晰,似乎促使用户使用主题方法……这似乎是让我的项目更加混乱和混乱的完美方式。我知道我必须导入react dates/initialize和react dates/lib/css/_datepicker.css,但是导入我自己的css似乎不会影响样式。我正在为我的应用程序使用默认的create react应用程序设置。首先需要包含库CSS,然后包含

希望是一个简单的问题和一个简单的答案,但您如何确切地使用自定义CSS来设置react日期组件的样式?Github上的文档在CSS方面对我来说就像泥一样清晰,似乎促使用户使用主题方法……这似乎是让我的项目更加混乱和混乱的完美方式。我知道我必须导入
react dates/initialize
react dates/lib/css/_datepicker.css
,但是导入我自己的css似乎不会影响样式。我正在为我的应用程序使用默认的create react应用程序设置。

首先需要包含库CSS,然后包含自定义CSS以覆盖库CSS

require("libraries/style.css"); // Make sure to include this before your custom css
require("custom/style.css");
在custom style.css文件中,您需要覆盖style.css中的样式规则,如下所示

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

这就是我正在做的,这就是我感到困惑的原因。你可以在chrome inspector中看到哪些样式应用于哪些元素,看看你的样式是否被应用,如果没有,它们是否被覆盖?他们真的在吗?哇,我觉得很傻,没有早点检查。该组件有很多嵌套零件,结果我设计的样式是错误的。非常感谢。