React-dates：覆盖内联样式的样式问题

Question

我想对反应日期 DateRangePicker 进行样式更改。

我希望能够将 paddingBottom 和右侧突出显示。

如果我在开发工具中看到它显示内联样式，所以我什至无法覆盖此更改

一些指导很有帮助..

Answer 1

我们可以使用 !important 关键字来覆盖内联 CSS。但我们必须确保为此维护一个自定义 CSS 文件。在你的情况下，

.DateRangePicker_picker{ 
   paddingBottom : 500px !important; 
  }

这种 CSS 会有所帮助。如果您需要指定有关特定元素的更多信息。您也可以使用额外的 classes。

.DateRangePicker_picker DateRangePicker_picker_1{ 
   paddingBottom : 500px !important; 
  }

要么你用最独特的CSSclass。否则，如果您使用相同的组件，其他页面会出现一些故障。谢谢！

React-dates: Styling question to override inline styling