在材质UI,延长之间的距离MuiInputLabel和MuiInput,我要重写的marginTop label + .MuiInput- formControl。
MuiInputLabel
MuiInput
label + .MuiInput- formControl
但是,createMuiTheme的覆盖仅提供Mui Component CSS的直接覆盖,例如:
createMuiTheme
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" } } } } });
这是一个工作示例: