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

Question

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

我希望能够给paddingBottom右下角的高亮显示。

如果在开发工具中看到它，则表明样式是内联的，因此我什至无法覆盖此更改

一些指导是有帮助的。

Answer 1

我们可以使用！important关键字覆盖内联CSS。但是我们必须确保为此维护一个自定义CSS文件。就您而言，

.DateRangePicker_picker{ 
   paddingBottom : 500px !important; 
  }

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

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

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