material-ui - 后台中“withStyles”的Material-UI主题覆盖?
问题描述
如何覆盖 Material-UI 中通过 应用样式的组件的主题withStyles
?
当我查看有问题的组件时,我在 DOM 中看到以下内容:
我正在尝试重新设置 Backstage 的样式,并且现在正在查看 MuiSelect 组件。Backstage 通过使用withStyles
. 查看 DOM 我正在尝试调整通过WithStyles(ForwardRef(InputBase))-input-75764
类应用的 CSS。
在 Backstage 的Select.tsx
组件文件中,样式是这样定义的:
const BootstrapInput = withStyles((theme: Theme) =>
createStyles({
root: {
'label + &': {
marginTop: theme.spacing(3),
},
},
input: {
borderRadius: 4,
position: 'relative',
backgroundColor: theme.palette.background.paper,
border: '1px solid #ced4da',
fontSize: 16,
padding: '10px 26px 10px 12px',
transition: theme.transitions.create(['border-color', 'box-shadow']),
fontFamily: 'Helvetica Neue',
'&:focus': {
background: theme.palette.background.paper,
borderRadius: 4,
},
},
}),
)(InputBase);
如何使用 Material-UIcreateTheme
来定位这些样式?
解决方案
这里有一个关于如何覆盖命名 Backstage 组件的样式的指南。
对于没有可用覆盖名称的 Backstage 组件,可以在此 pull request中添加它们。
推荐阅读
- flutter - mainAxisAlignment 无法将 iconButton 对齐到顶部
- javascript - React,避免突变状态的原因
- java - 功能分解Java
- javascript - 多个对象
- sql - 是否可以对枚举进行索引?
- python - mongoEngine在保存后值为null时错过了该字段
- objective-c - 如何在 Cocoa 应用程序的主线程中运行自定义代码
- ibm-midrange - 如何从 IFS 下载文本文件的最后一行删除 CRLF
- python - scipy.interpolate.SmoothSphereBivariateSpline 在示例数据上的行为不符合预期
- python - Celery+Rabbitmq 的公平任务处理顺序