是否可以覆盖特定 Material UI 组件样式的默认样式?假设我想要不同类型的MuiButton...
<Button color="primary" variant="contained">Foo</Button>
<Button variant="text">Foo</Button>
Run Code Online (Sandbox Code Playgroud)
使用默认样式,第一个按钮将具有白色文本颜色,第二个按钮将具有黑色文本颜色。如果我想全局更改文本颜色默认值(在本例中我不会),我应该使用以下选项createMuiTheme:
const options = {
overrides: {
MuiButton: {
root: {
color: 'white',
}
}
}
};
Run Code Online (Sandbox Code Playgroud)
但是在这种情况下,我只想更改主颜色和包含的变体按钮的文本颜色。我该怎么做呢?
从文档来看,我不太清楚,但显然你可以在组件中定位不同的类,如下所示:
const options = {
overrides: {
MuiButton: {
containedPrimary: {
'& > .MuiButton-label': {
color: 'white'
},
}
}
}
};
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
5267 次 |
| 最近记录: |