我在 React 的 Material UI 中覆盖主题中的样式时遇到问题。我想自定义borderofcolumnsContainer但它不起作用。只有root运行良好。
MuiDataGrid.js
export default {
root: {
backgroundColor: "white",
border: `1px solid green`,
"& .columnsContainer": {
borderBottom: `1px solid 'blue' !important`
}
}
};
下面是正确的语法。与您的代码沙箱相比的变化是：
.columnsContainer为.MuiDataGrid-columnsContainer1px solid blue而不是1px solid 'blue' !important。export default {
root: {
backgroundColor: "white",
border: `1px solid green`,
"& .MuiDataGrid-columnsContainer": {
borderBottom: `1px solid blue`
}
}
};
