在Material UI中,如何覆盖选择器选择的组件样式?
在材质UI,延长之间的距离MuiInputLabel
和MuiInput
,我要重写的marginTop label + .MuiInput-
formControl
。
但是,createMuiTheme
的覆盖仅提供Mui Component 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" } } } } });
这是一个工作示例:
-
如何在不使用MUIThemeProvider的情况下覆盖material-ui TextField组件的样式?
2021-01-31 关注 0 浏览66 1答案
-
如何在Material UI(React JS)中根据需要制作“选择”组件
2021-01-31 关注 0 浏览67 1答案
-
Material-UI 4.1.2样式选择SelectInput
2021-01-31 关注 0 浏览46 1答案
-
无法获取Material-UI的目标属性-选择React组件
2021-01-31 关注 0 浏览97 1答案
-
下列定义选择器的CSS代码中,用类选择器定义样式的有()?
2022-03-03 关注 0 浏览65 1答案
-
jQuery中是否有样式选择器?
2021-02-02 关注 0 浏览88 1答案
-
Angular UI月选择器
2021-02-01 关注 0 浏览89 1答案
-
在Angular Material中对样式进行选择
2021-02-02 关注 0 浏览77 1答案
-
如何使用makeStyles设置组件样式并在Material UI中仍然具有生命周期方法?
2021-01-31 关注 0 浏览66 1答案
-
如何在Xcode的iOS UI测试中选择选择器视图项?
2021-01-31 关注 0 浏览85 1答案