Material ui 如何替代选项卡的选定样式？

我试图替代选定选项卡的样式，但某些替代无效。我在做

const StyledTab = withStyles({
    root: {
        color: '#0071bc',
        fontWeight: '600'
    },
    selected: {
        color: '#fff' <--- doesn't work
    }
})(Tab)

const StyledTab=withStyles({
根目录：{
颜色：“#0071bc”，
重量：'600'
},
选定：{
颜色：'#fff'我可以想出一个解决方案，使用withStyles覆盖CSS

<Tabs
  value={value}
  onChange={this.handleChange}
  scrollable
  scrollButtons="on"
  classes={{ indicator: classes.tabsIndicator }}
>
  <Tab
   label="Search"
   icon={<PhoneIcon />}
   classes={{ root: classes.tabRoot, selected: classes.tabSelected }}
  />
  <Tab
   favorites={favorites}
   label="Favorites"
   icon={<FavoriteIcon />}
   classes={{ root: classes.tabRoot, selected: classes.tabSelected }}
  />
</Tabs>

发现
tabSelected
为空值，但
&$tabSelected
覆盖这些值

这是一个工作样本-

希望这能对您有所帮助。
我可以想出一个解决方案，使用withStyles覆盖CSS

<Tabs
  value={value}
  onChange={this.handleChange}
  scrollable
  scrollButtons="on"
  classes={{ indicator: classes.tabsIndicator }}
>
  <Tab
   label="Search"
   icon={<PhoneIcon />}
   classes={{ root: classes.tabRoot, selected: classes.tabSelected }}
  />
  <Tab
   favorites={favorites}
   label="Favorites"
   icon={<FavoriteIcon />}
   classes={{ root: classes.tabRoot, selected: classes.tabSelected }}
  />
</Tabs>

发现
tabSelected
为空值，但
&$tabSelected
覆盖这些值

这是一个工作样本-

希望这对你有帮助