在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 条评论
登录 后参与评论

相关文章

通过覆盖样式道具使Material-UI组件内联显示

如何在React中覆盖material-ui-next CSS?

React Material-UI-样式标签

React material-UI覆盖默认表单输入样式

在React.js Material-UI中设置BottomNavigation的样式

React + Material UI-使用样式覆盖组件中的MuiTheme

如何覆盖Material UI工具提示的内联样式?

如何覆盖Material-UI Popover Paper样式?

通过主题“覆盖”配置覆盖Material-UI样式,设置NotchedOutline的样式

样式被Material-UI样式覆盖

如何从祖先覆盖嵌套的Material UI组件的样式?

试图从React Material Ui覆盖AppBar的css,

如何在React中使用Material-UI覆盖react-data-grid样式

覆盖Material-UI样式不起作用

选中后如何覆盖Material-UI开关组件的样式?

无法在react material-ui应用程序栏中覆盖样式

Material-UI样式覆盖了我的订购原因

我无法覆盖DialogActions的Material-ui根样式

如何覆盖 Material-UI Popover 样式?

为什么 Material-UI 没有覆盖样式?

自定义 React 组件样式被 Material-UI 样式覆盖

React.js 中的 Material UI ListItem 选定样式

无法覆盖嵌套 Material UI 组件的样式

应用自定义主题时,是否可以覆盖 Material UI 中的嵌套对象样式?

如何使用样式组件覆盖 material-ui css?

更改 AppBar Material UI React 中按钮的样式

React Material UI 按钮覆盖 hove 样式

您可以使用 css/scss 覆盖 Material UI 中的样式吗?

material-ui:需要帮助覆盖样式