为什么 Material UI 主题覆盖不起作用?

时间:2021-07-28 09:53:54

标签: reactjs material-ui material-design

我使用材质 UI 的“createTheme”功能。当我为按钮和开关写覆盖时它不起作用。 Material UI 的覆盖功能都不起作用,但主题调色板、字体大小起作用。为什么它不起作用?提前致谢。 // 我的覆盖

 overrides: {
      MuiButton: {
        primary: {
          background: "pink",
        },
        sizeSmall: {
          height: 22.5,
          fontSize: 10,
          padding: "0 15px",
        },
        sizeLarge: {
          height: 37,
          padding: "0 30px",
          fontSize: 16,
        },
        text: {
          background: "#1AD971",
          borderRadius: 4,
          border: 0,
          color: "white",
          padding: "0 22px",
          height: 30,
          textAlign: "center",
          lineHeight: 1,
          fontSize: 14,
          fontWeight: 400,
          "&:hover": {
            backgroundColor: "#0BBF5D",
          },
        },
        contained: {
          backgroundColor: "#FFFFFF",
          color: "#000000",
          borderRadius: 30,
        },
        outlined: {
          color: "#1AD971",
          border: "1px solid #1AD971",
          borderRadius: "15px",
        },
      },
      MuiSwitch: {
        switchBase: {
          color: "#73889D",
        },
        colorSecondary: {
          "&$checked": {
            color: "#FFFFFF",
          },
        },
        track: {
          opacity: 1,
          backgroundColor: "#213348",
          "$checked$checked + &": {
            opacity: 1,
            backgroundColor: "#FFC231",
          },
        },
      },
    },

0 个答案:

没有答案
相关问题