Не удается применить стиль Css к React-datetime с использованием className

Question

Я пытаюсь добавить border-radius: 5px для компонента React-datetime, используя className, но не работает.

Например:

  import ReactDateTime from ‘react-datetime’;

<ReactDateTime className=‘datetime’ />

 .datetime{
 border-radius: 5px;
 }

Я знаю, что модуль response-datetime предоставляет отдельные стили CSS. Но меня беспокоит, почему он не принимает, когда я использую className.

Answer 1

Попробуйте использовать inputProps с className, как показано ниже. Он должен работать.

<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