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

Question

我正在尝试使用 className 将 border-radius: 5px 添加到 React-datetime 组件但不起作用。

例如：

  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 样式表