如何在Material-UI v1中实现自定义选项卡指示器颜色

dau*_*ret 2 tabs material-ui

我在生产站点上运行的MUI v1 beta 32非常好。是时候更新到v1了!到目前为止,更改非常简单。这主要是更新导入标签的问题。

但是我选择的<Tab/>指标遇到了问题。我使用rootInheritSelected样式替代来应用我选择的颜色。

如何在v1中实施?

dau*_*ret 8

最后,我发现它要简单得多:

<Tabs
  textColor="inherit"
  fullWidth
  centered
  classes={{
    indicator: classes.indicator
  }}>
    <Tab />
    <Tab />
</Tabs>
Run Code Online (Sandbox Code Playgroud)

和样式:

const styles = theme => ({
  indicator: {
    backgroundColor: 'white',
  },
})
Run Code Online (Sandbox Code Playgroud)

  • 我真的不得不挖掘才能找到这个。所有其他解决方案似乎都已折旧。很高兴你发布了 (2认同)