Как переопределить этот стиль материала?

Question

Это стиль CSS, который имеет Material-UI для флажка, который я захватил с консоли
.MuiCheckbox-colorPrimary-262.MuiCheckbox проверил-260

Когда я пытался переопределить этот стиль, я пытался переопределить этот стиль, но он не работает

MuiCheckBox: {
    colorPrimary: {
      MuiCheckBox: {
        checked: {
          color:'#1565c0',
        }
      }
    }

Любая помощь?

Answer 1

Я предполагаю, что вы хотите переопределить checked цвет Checkbox, Посмотрите на основные стили в Material-UI здесь.

В документации уже приведен пример изменения цвета флажка. Посмотрите на этот пример.

Создайте styles и применить стили к Checkbox с помощью classes имущество.

const styles={
  root:{
    '&$checked':{
      color: '#1565c0',
    }
  },
  checked:{}
}

<Checkbox
          classes={{
                root:classes.root,
                checked:classes.checked}}
                {...props}/>

CodeSandbox Demo