我想覆蓋整個應用程序的MuiBox-root樣式。根據官方文件，我需要確定類別:

除此之外，我還可以覆蓋它:

但是如果我這樣做的話，它只是去掉了樣式。我到底做錯了什么？

這將會:

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);

您可以在Box組件上使用sx屬性。例如:

<Box sx={{ padding: "10px" }}>
   <YourChildComponents/>
</Box>

假設目標是覆蓋根背景css字段的背景css字段。 以下是步驟

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>;
}

希望這能有所幫助。