全局样式
Overrides使你可以统一修改某个组件所有对象的样式,而props则能修改某个组件的默认属性值。
CSS
当配置变量不够强大的时候,您可以使用theme
的overrides
来让Material-UI隐式地为您注入样式规则。 这是一个非常强大的特性。
const theme = createMuiTheme({
overrides: {
// Style sheet name ⚛️
MuiButton: {
// Name of the rule
text: {
// Some CSS
color: 'white',
},
},
},
});
每个组件可自定义的部分列在文档的Component API部分。 例如,你可以看一下Button, 而且你总可以查阅 implementation。
默认属性
您可以更改所有Material-UI组件的默认属性。 A props
key is exposed in the theme
for this use case.
const theme = createMuiTheme({
props: {
// 组件的名称 ⚛️
MuiButtonBase: {
// 需要修改的默认属性
disableRipple: true, // 在整个程序中没有更多的ripple 💣!
},
},
});