如何自定义React Material UI的Tab组件的文本样式

时间:2020-04-20 09:39:55

标签: reactjs material-ui

我正在使用React Material UI库的Tab组件。我想删除该库可能用于大写标签标签的所有textTransform。我已经尝试过了:

const CustomTab = withStyles({
    ".MuiButtonBase-root": {textTransform: "none"}
})(Tab);

但是它似乎不起作用,请帮助

1 个答案:

答案 0 :(得分:1)

您必须使用与.MuiTab-root CSS类名称等效的root rule

const CustomTab = withStyles({
  root: {
    textTransform: "none"
  }
})(Tab);

Material-UI文档中的示例:https://material-ui.com/components/tabs/#customized-tabs