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'}}}