如何自定义 React Material UI Tab Component 文本样式答案

【问题标题】：How to customise React Material UI's Tab Component's text style如何自定义 React Material UI Tab Component 文本样式
【发布时间】：2020-04-20 09:39:55
【问题描述】：

我正在使用 React Material UI 库的选项卡组件。我想删除库可能应用的任何textTransform 以大写选项卡标签。我试过这个：

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

但是好像不行，请帮忙

【问题讨论】：

有在线演示吗？
这能回答你的问题吗？ stackoverflow.com/questions/61226270/…

标签： reactjs material-ui

【解决方案1】：

您必须使用root rule，它相当于.MuiTab-root CSS 类名：

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

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

【讨论】：