如何在createTheme函数的TextField中设置标签样式

Question

我试图将标签的边距(请参阅问题的附图(从px更改为em/rem，但我不知道应该在哪里将样式写入结构。我在MUI文档中找不到"；相邻兄弟组合子"；。

createTheme({
MuiTextField: {
defaultProps: {
// props
},
styleOverrides: {
root: {
// styles
}
}
}
})

在检查器选项卡中生成的css样式

Answer 1

如果您使用的是材料ui 5:

import { createTheme } from '@mui/material';
const theme = createTheme({
components: {
MuiTextField: {
styleOverrides: {
root: {
'& label': {
margin: '2rem',
},
},
},
},
},
});
export default theme;

https://mui.com/pt/material-ui/customization/theme-components/

Answer 2

我终于解决了它；(我在InputLabel中添加了这行"&+。MuiInputBase根"；更改TextField的(和其他输入(标签

MuiInputLabel: {
defaultProps: {
// props
},
styleOverrides: {
root: {
// styles
"& +.MuiInputBase-root": {
marginTop: '2em'
}
}
}
}