跳转到内容

全局样式

Overrides使你可以统一修改某个组件所有对象的样式,而props则能修改某个组件的默认属性值。

CSS

当配置变量不够强大的时候,您可以使用themeoverrides来让Material-UI隐式地为您注入样式规则。 这是一个非常强大的特性。

const theme = createMuiTheme({
  overrides: {
    // Style sheet name ⚛️
    MuiButton: {
      // Name of the rule
      text: {
        // Some CSS
        color: 'white',
      },
    },
  },
});

每个组件可自定义的部分列在文档的Component API部分。 例如,你可以看一下Button, 而且你总可以查阅 implementation

默认属性

您可以更改所有Material-UI组件的默认属性。 A props key is exposed in the theme for this use case.

const theme = createMuiTheme({
  props: {
    // 组件的名称 ⚛️
    MuiButtonBase: {
      // 需要修改的默认属性
      disableRipple: true, // 在整个程序中没有更多的ripple 💣!
    },
  },
});