React Admin-添加材料ui主题将覆盖特定的css选择器作为全局

Question

在React Admin中，我试图在Material UI主题中应用某些css代码作为全局属性。就在我创建主题的时候，我已经在覆盖中添加了这些行：

overrides: {
"@global": {
"[class*='RaLayout-content']": {
overflow: "auto !important",
maxWidth: "100vw !important",
},
},

在整个管理中，我有许多类，如：RaLayout-content-4、RaLayout-content-221、RaLayout-content-31，它们是由React admin生成的，我想在包含RaLayout-content类的每个元素中应用这些css行。

由于Heroku部署的类名最小化，我无法在index.css中写入这些css行，因为最小化后它们将不适用。

以下是我以前在index.css文件(仅在开发模式下工作(中实现它们的方式：

[class*="RaLayout-content"] {
overflow: auto !important;
max-width: 100vw !important;
}

注意：我也一直在尝试添加MuiCssBaseLine，但没有成功。

提前感谢！

Answer 1

我认为你可以用覆盖主题

overrides: {
RaLayout: {
content: {
// your overrides
},
},
...
}