Css 在React中覆盖材质UI中的样式

我在React中的材质UI中覆盖主题中的样式时遇到问题。 我想定制

columnsContainer

的

边框

，但它不起作用。只有

根目录

工作正常

MuiDataGrid.js

export default {
  root: {
    backgroundColor: "white",
    border: `1px solid green`,
    "& .columnsContainer": {
      borderBottom: `1px solid 'blue' !important`
    }
  }
};

---

下面是正确的语法。与您的代码沙盒相比，更改如下：

将

.columnsContainer

替换为

.MuiDataGrid columnsContainer

将borderBottom语法更正为

1px纯蓝色

而不是

1px纯蓝色！重要信息

请提供一份复制您的问题的报告。@RyanCogswell。给你。谢谢

export default {
  root: {
    backgroundColor: "white",
    border: `1px solid green`,
    "& .MuiDataGrid-columnsContainer": {
      borderBottom: `1px solid blue`
    }
  }
};