在React的Material UI中覆盖样式

约瑟夫

我在React的Material UI中无法覆盖主题中的样式。我想自定义的bordercolumnsContainer但无法正常工作。只有root运作良好。

在这里查看Codesanbox

在此处输入图片说明在此处输入图片说明

MuiDataGrid.js

export default {
  root: {
    backgroundColor: "white",
    border: `1px solid green`,
    "& .columnsContainer": {
      borderBottom: `1px solid 'blue' !important`
    }
  }
};
瑞安·科格斯威尔(Ryan Cogswell)

下面是正确的语法。与您的代码沙箱相比,所做的更改是:

  1. 替换.columnsContainer.MuiDataGrid-columnsContainer
  2. 将borderBottom语法更正1px solid blue1px solid 'blue' !important
export default {
  root: {
    backgroundColor: "white",
    border: `1px solid green`,
    "& .MuiDataGrid-columnsContainer": {
      borderBottom: `1px solid blue`
    }
  }
};

编辑DataGrid columnsContainer覆盖

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章