Css 无法覆盖材质UI主题样式
我正在一个项目中使用,我试图覆盖默认的主题样式Css 无法覆盖材质UI主题样式,css,reactjs,material-ui,Css,Reactjs,Material Ui,我正在一个项目中使用,我试图覆盖默认的主题样式textcransform:“大写”,并将其替换为textcransform:“大写” 通过查阅上的文档,我知道我应该使用内联样式或自定义类 添加className=“capitalize”(类中具有文本转换属性)或添加style={{{textcontransform:“capitalize”}会产生相同的结果。父div被传递CSS属性,但最终被子span覆盖 是这样,还是我做错了什么 请在您的问题中提供更多信息。 然而,我认为这不是故意的行为。我
textcransform:“大写”
,并将其替换为textcransform:“大写”
通过查阅上的文档,我知道我应该使用内联样式或自定义类
添加className=“capitalize”
(类中具有文本转换
属性)或添加style={{{textcontransform:“capitalize”}
会产生相同的结果。父div被传递CSS属性,但最终被子span
覆盖
是这样,还是我做错了什么 请在您的问题中提供更多信息。 然而,我认为这不是故意的行为。我猜,检查一下你的其他道具,也许有了这些道具,风格道具的效果会被覆盖
如果这不是原因,请检查GitHub上的材质ui repo代码库。根据我使用MaterialUI的经验,我通过检查他们的代码库而不是使用他们的文档来解决许多问题。希望这些信息有帮助。您可以使用自定义主题覆盖文本转换:
const App = () => {
const customTheme = { button: { textTransform: 'capitalize' } };
return (
<MuiThemeProvider muiTheme={getMuiTheme(customTheme) }>
<Example />
</MuiThemeProvider>
)
};
const-App=()=>{
const customTheme={button:{textTransform:'capitalize'}};
返回(
)
};
工作指南:这对我来说非常有效,谢谢。出于好奇,有没有办法更改单个按钮,而不是所有按钮(就像更改主题文件一样)?是的。在RaisedButton或FlatButton上使用labelStyle属性:labelStyle={{textTransform:'capitalize'}}}