React-даты: вопрос стиля, чтобы переопределить встроенное моделирование

Question

Я хочу внести изменения в стили для даты реакции, DateRangePicker.

Я хочу иметь возможность задать paddingBottom и справа, как выделено ,

Если я вижу в инструментах разработчика, это показывает, что стиль задан внутри строки, поэтому я даже не могу отменить это изменение

некоторые указания полезно ..

Answer 1

Мы можем использовать ключевое слово! Important для переопределения встроенного CSS. Но мы должны убедиться, что мы поддерживаем для этого специальный файл CSS. В вашем случае

.DateRangePicker_picker{ 
   paddingBottom : 500px !important; 
  }

Этот тип CSS будет полезен. Если вам нужно указать больше о конкретном элементе. Вы также можете использовать дополнительные классы.

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

Либо вы можете использовать самый уникальный CSS класс. Если нет, то на других страницах будут некоторые глюки, если вы используете тот же компонент. Спасибо!