小编典典

在Material UI中,如何覆盖选择器选择的组件样式?

reactjs

在材质UI,延长之间的距离MuiInputLabelMuiInput,我要重写的marginTop label + .MuiInput- formControl

但是,createMuiTheme的覆盖仅提供Mui Component CSS的直接覆盖,例如:

createMuiTheme({

  overrides: {

    MuiInput: {

      formControl: {

        marginTop: '1.5rem',

      },

    },

  }

})

我该怎么做:

createMuiTheme({

  overrides: {

    'label+MuiInput': {

      formControl: {

        marginTop: '1.5rem',

      },

    },

  }

})

谢谢…


阅读 543

收藏
2020-07-22

共1个答案

小编典典

以下是相关的JSS文档:

https://cssinjs.org/jss-plugin-nested?v=v10.0.0-alpha.10#use--to-reference-
selector-of-the-parent-rule

这是您需要的语法:

const theme = createMuiTheme({
  overrides: {
    MuiInput: {
      formControl: {
        "label + &": {
          marginTop: "1.5rem"
        }
      }
    }
  }
});

这是一个工作示例:

编辑24v1wr9x0n

2020-07-22