css - 如何覆盖这个materialui风格

Question

这是我从控制台捕获的复选框的 material-ui 所具有的 css 样式
.MuiCheckbox-colorPrimary-262.MuiCheckbox-checked-260

当我尝试重写此样式时，我尝试重写但它不起作用

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

有什么帮助吗？

Answer 1

我假设您想覆盖 Checkbox 的 checked 颜色。查看 material-ui 中的覆盖样式 here .

文档已经提供了更改复选框颜色的示例。看看这个example .

使用 classes 属性创建 styles 并将样式应用于 Checkbox。

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

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