createMuiTheme 覆盖,针对特定组件样式

Fle*_*euv 2 material-ui

是否可以覆盖特定 Material UI 组件样式的默认样式?假设我想要不同类型的MuiButton...

<Button color="primary" variant="contained">Foo</Button>
<Button variant="text">Foo</Button>
Run Code Online (Sandbox Code Playgroud)

使用默认样式,第一个按钮将具有白色文本颜色,第二个按钮将具有黑色文本颜色。如果我想全局更改文本颜色默认值(在本例中我不会),我应该使用以下选项createMuiTheme

const options = {
  overrides: {
    MuiButton: {
      root: {
          color: 'white',
      }
    }
  }
};
Run Code Online (Sandbox Code Playgroud)

但是在这种情况下,我只想更改主颜色和包含的变体按钮的文本颜色。我该怎么做呢?

Fle*_*euv 6

文档来看,我不太清楚,但显然你可以在组件中定位不同的类,如下所示:

const options = {
  overrides: {
    MuiButton: {
      containedPrimary: {
        '& > .MuiButton-label': {
          color: 'white'
        },
      }
    }
  }
};
Run Code Online (Sandbox Code Playgroud)