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

Div*_*nka 2 reactjs material-ui

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

const CustomTab = withStyles({
    ".MuiButtonBase-root": {textTransform: "none"}
})(Tab);
Run Code Online (Sandbox Code Playgroud)

但好像不行,请帮忙

Fra*_*ion 6

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

const CustomTab = withStyles({
  root: {
    textTransform: "none"
  }
})(Tab);
Run Code Online (Sandbox Code Playgroud)

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


归档时间:

查看次数:

11741 次

最近记录:

2 年,3 月 前