无法使用className将Css样式应用于React-datetime

Question

我正在尝试使用className向React-datetime组件添加border-radius: 5px，但没有成功。

例如：

  import ReactDateTime from ‘react-datetime’;

<ReactDateTime className=‘datetime’ />

 .datetime{
 border-radius: 5px;
 }

我知道react-datetime模块提供了独立的css样式。但我担心的是，当我使用className时，它为什么不能接受。

Answer 1

尝试在className中使用inputProps，如下所示。应该能行得通。

<DateTime inputProps={{className:'datetime'}} />

Answer 2

你有没有尝试过像这样添加!important：

.datetime{
    border-radius: 5px !important;
}

如果它不工作，这可能是一个覆盖问题。

您可能需要在此处进行检查：https://github.com/YouCanBookMe/react-datetime/blob/master/example/react-datetime.css

如果它不工作，我们可以看到你的配置这个包吗？我们需要查看完整的组件和css样式表