Блог

Я использую https://github.com/jungsoft/materialui-daterange-picker который использует пользовательский интерфейс Material. Он использует стили оформления для переопределения стилей. Я пытаюсь применить свои собственные стили к таким вещам, как кнопка отключена, заполнена, контур и т. Д. Как переопределить переопределение стилей создания?

Я пытался напрямую переопределять подобные классы, но безуспешно.

 export const useDateRangePickerStyles = makeStyles({    
   'amp; button:disabled .materialui-daterange-picker-MuiTypography-colorTextSecondary': {
      color: 'rgba(0, 0, 0, 0.26)'
    },
    'amp; .materialui-daterange-picker-makeStyles-filled': {
      backgroundColor: '#03DAC5'
    },
    'amp; .materialui-daterange-picker-makeStyles-highlighted': {
      backgroundColor: 'rgba(3, 218, 197, 0.08)'
    },
    'amp; .materialui-daterange-picker-makeStyles-outlined': {
      borderColor: '#03DAC5'
    },
    'amp; .MuiPaper-elevation': {
      boxShadow: 'none',
      transition: 'none'
    }
})
 

Я даже попытался создать новый стиль оформления с иерархией переопределений классов MaterialUI. Никакого успеха.

Похоже, эта проблема возникала несколько раз с плагином, и раздел «Проблемы» пакета github содержит некоторые css-хаки, которые помогли.