Css 反应材质ui如何覆盖muibox根

我想覆盖整个应用程序的MuiBox根样式。根据我需要标识的类：

除此之外，我还可以覆盖它：

但如果我这样做，它只会删除样式。我做错了什么？

这样可以：

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

从“@material ui/core/styles”导入{withStyles}”；
常量样式={
根目录：{
填充：“10px”
}
};
函数App（{classes}）{
返回xyz。。。；
}
导出默认样式（样式）（应用程序）；

这样做可以：

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

从“@material ui/core/styles”导入{withStyles}”；
常量样式={
根目录：{
填充：“10px”
}
};
函数App（{classes}）{
返回xyz。。。；
}
导出默认样式（样式）（应用程序）；

createMuiTheme，如文档中所述，“更改材质UI注入DOM的每一种样式”。因此，它将清除旧的CSS，并用您的CSS替换它们。如果您只想更改某些属性，而不更改其他属性，那么

makeStyles

可能是您的选择answer@kunquan我只想在显示整个代码时更改padding属性。是的，您可以使用

makeStyles

进行更改。您可以通过转到任何组件并选择查看整个代码来了解如何使用它。这种方法基本上允许您编写CSS，并且不会完全删除默认值CSS@kunquan我不能让它工作。。。它在

createMuiTheme

中不断呈现相同的值，如文档中所述，“更改材质UI注入DOM中的每个样式”。因此，它将清除旧的CSS，并用您的CSS替换它们。如果您只想更改某些属性，而不更改其他属性，那么

makeStyles

可能是您的选择answer@kunquan我只想在显示整个代码时更改padding属性。是的，您可以使用

makeStyles

进行更改。您可以通过转到任何组件并选择查看整个代码来了解如何使用它。这种方法基本上允许您编写CSS，并且不会完全删除默认值CSS@kunquan我不能让它工作。。。它不断呈现相同的值