如何覆盖这个materialui风格

【问题标题】：How to override this materialui style如何覆盖这个materialui风格
【发布时间】：2018-12-27 10:14:18
【问题描述】：

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

当我尝试覆盖此样式时，我尝试过覆盖但它不起作用

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

有什么帮助吗？

【问题讨论】：

【解决方案1】：

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

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

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

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

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

【讨论】：