reactjs - Material UI 嵌套类覆盖

标签 reactjs material-ui

我正在使用 muiSelect,并且有一个我试图覆盖的 css 选择器:

.MuiSelect-select.MuiSelect-select

我怎样才能覆盖它?我已经尝试了一些事情

MuiSelect: {
  select: {
    "& $MuiSelect-select":
  }
}

这似乎不起作用

最佳答案

尝试:

MuiSelect: {
  select: {
    '&&': { ... },
  }
}

This is the line of source code其中设置了默认值 (paddingRight: 24px),覆盖它的 mui 主题键是 '&&'。我能够通过首先找到 native 选择组件的源代码,然后搜索显示在我试图覆盖的 dom 元素上的 css 值来找到它。

关于reactjs - Material UI 嵌套类覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61165465/

相关文章:

reactjs - 对于 React 应用程序,构建过程可以不创建 JavaScript 映射文件吗?

javascript - 一次清除所有表单字段,reactjs

javascript - webpack 保持捆绑对多个入口点中的每一个使用react

javascript - ReactJS 设置状态不会从 Axios 响应数据分配数组

javascript - 为什么<Table/>多次渲染时不显示复选框?

react-redux - React Redux Material-UI 自动完成

reactjs - material-ui/reactjs 菜单组件样式损坏

javascript - 在 React 中切换类

javascript - 你如何让 Material-UI 选项卡与 react-router 一起工作?

reactjs - Material-UI:flip:false 无法按预期工作