我想覆盖整个应用程序的MuiBox-root样式。根据官方文档，我需要识别类：
除此之外，我还可以覆盖它：
但是如果我这样做，它只是删除了样式。我做错了什么？
rryofs0p1#
这将：
import { withStyles } from "@material-ui/core/styles"; const styles = { root: { padding: "10px" } }; function App({ classes }) { return <yourelement className={classes.root}>xyz...<yourelement/>; } export default withStyles(styles)(App);
8yoxcaq72#
您可以在Box组件上使用sx属性。例如：
Box
sx
<Box sx={{ padding: "10px" }}> <YourChildComponents/> </Box>
tktrz96b3#
假设目标是覆盖根background css字段的background css字段。下面是步骤
background
import { makeStyles } from '@mui/styles'; const useStyles = makeStyles({ root: { background: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)', }, }); export default function testFunction() { const classes = useStyles(); return <Button className={classes.root}>Hook</Button>; }
希望这会有所帮助。
3条答案
按热度按时间rryofs0p1#
这将：
8yoxcaq72#
您可以在
Box组件上使用sx属性。例如：tktrz96b3#
假设目标是覆盖根
backgroundcss字段的backgroundcss字段。下面是步骤希望这会有所帮助。