Material-Button 更改禁用按钮样式

Question

如何使用主题更改 Material-UI 中禁用按钮的样式？

以下code 不起作用

const theme = createMuiTheme({
  props: {
    // Name of the component 
    MuiButtonBase: {
      // The default props to change
      disableRipple: true // No more ripple, on the whole application !
    }
  },
  overrides: {
    MuiButton: {
      text: {
        color: "red"
      },
      disabled: {
        text: {
          color: "blue"
        }
      }
    }
  }
});

function DefaultProps() {
  return (
    <ThemeProvider theme={theme}>
      <Button disabled>Change default props</Button>
    </ThemeProvider>
  );
}

Answer 1

以下作品：

const theme = createMuiTheme({
  props: {
    // Name of the component 
    MuiButtonBase: {
      // The default props to change
      disableRipple: true // No more ripple, on the whole application !
    }
  },
  overrides: {
    MuiButton: {
      root: {
        color: "red",
        '&$disabled': {
           color: "blue"
       }
      },
    }
  }
});