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

Question

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

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

但好像不行，请帮忙

Answer 1

您必须使用相当于CSS 类名的root规则：.MuiTab-root

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