首页 > 解决方案 > Material-UI 选项卡:通过覆盖默认主题更改选定选项卡的文本颜色

问题描述

//Tab
MuiTab: {
  root: {
    background: "transparent",
    borderBottom: `1px solid ${colors.primary}`,
    textAlign: "center",
  },
  selected: {
    color: colors.primary, //not working
  },
  wrapper: {
    fontSize: "16px",
    textTransform: "none",
    color: "black",
    // border: "1px solid red",
  },
},
//Tabs
MuiTabs: {
  indicator: {
    
    color: colors.primary,
  },
},

尽管包装样式正在工作,但设法将文本颜色更改为实际黑色,但我想将所选选项卡的文本颜色更改为“主要”颜色。selected如果它不改变颜色,这个对象还有什么用。

提前致谢

标签: reactjsmaterial-ui

解决方案


推荐阅读