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

在 Material UI 中，延长之间的距离MuiInputLabel and MuiInput，我必须重写 marginTop 的label + .MuiInput-formControl.

然而，createMuiTheme的 override 仅提供对 Mui 组件 CSS 的直接重写，例如：

createMuiTheme({
  overrides: {
    MuiInput: {
      formControl: {
        marginTop: '1.5rem',
      },
    },
  }
})

我怎样才能做类似的事情：

createMuiTheme({
  overrides: {
    'label+MuiInput': {
      formControl: {
        marginTop: '1.5rem',
      },
    },
  }
})

谢谢...

这是相关的 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"
        }
      }
    }
  }
});

这是一个工作示例：