如何覆盖这种materialui样式

时间:2018-07-19 10:07:28

标签: css reactjs material-ui

这是Material-ui所具有的CSS样式,用于我从控制台捕获的复选框
.MuiCheckbox-colorPrimary-262.MuiCheckbox-checked-260

当我尝试覆盖此样式时,我尝试覆盖但未起作用

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

有帮助吗?

1 个答案:

答案 0 :(得分:2)

我假设您要覆盖checked的{​​{1}}颜色。看看material-ui here中的替代样式。

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

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

classes

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

CodeSandbox Demo