Question

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

<Button color="primary" variant="contained">Foo</Button>
<Button variant="text">Foo</Button>

使用默认样式时，第一个按钮将具有白色文本颜色，第二个按钮将具有黑色文本颜色。如果我想全局更改文本颜色默认值（在这种情况下，我不会这样做），我应该对createMuiTheme使用以下选项：

const options = {
  overrides: {
    MuiButton: {
      root: {
          color: 'white',
      }
    }
  }
};

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

Answer 1

在the documentation中，我不太清楚，但是显然您可以像这样对组件中的不同类进行定位：

const options = {
  overrides: {
    MuiButton: {
      containedPrimary: {
        '& > .MuiButton-label': {
          color: 'white'
        },
      }
    }
  }
};

对于特定的组件样式，createMuiTheme将覆盖

1 个答案: