React-dates：样式问题以覆盖内联样式答案

【问题标题】：React-dates: Styling question to override inline stylingReact-dates：样式问题以覆盖内联样式
【发布时间】：2020-04-24 02:14:24
【问题描述】：

我想对 react-dates DateRangePicker 进行样式更改。

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

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

一些指导很有帮助..

【问题讨论】：

您使用的是自定义 css 文件吗？
是的，我有页面的自定义 css 其他控件
我认为添加这样的 CSS 会有所帮助：.DateRangePicker_picker{ paddingBottom : 500px !important; }。 500px 只是给你做个例子。你可以使用任何你需要的号码。
如果您需要，您也可以添加其他 css 属性。
嘿，你的建议效果很好。我完全错过了！重要的部分。如果您可以作为答案，我可以接受。谢谢

【解决方案1】：

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

.DateRangePicker_picker{ 
   paddingBottom : 500px !important; 
  }

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

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

您可以使用最独特的 CSS 类。否则，如果您使用相同的组件，其他页面中会出现一些故障。谢谢！

【讨论】：