【问题标题】:React Material UI Tab custom css looks like a buttonReact Material UI Tab 自定义 css 看起来像一个按钮
【发布时间】:2021-06-27 17:36:02
【问题描述】:

我正在尝试使反应材料 UI 选项卡看起来像一个按钮,当它们处于活动状态时会显示不同的颜色

参考代码:https://4ocqy.csb.app/

【问题讨论】:

  • 问题本身是什么?
  • 在活动类有样式不能正常工作

标签: reactjs react-hooks material-ui


【解决方案1】:

从以下位置更改您的 Tab 样式:

style: {
  // tab style
  "&:active": {
     // select style
  }
}

收件人:

style: {
  // tab style
  "&.Mui-selected": {
     // select style
  }
}

您可以通过在开发工具中检查选定的Tab 来了解它的类名:

现场演示

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-02-08
    • 2019-09-19
    • 2020-12-03
    • 2017-09-08
    • 2020-09-15
    相关资源
    最近更新 更多