如何更改 Material-UI 选项卡中活动选项卡下线条的颜色？

Question

当使用 type="number" 时，如何从 Material-UI 文本字段中删除微调器按钮（向上/向下箭头）？

当我尝试这个 css 但它不起作用时，我可以找到新的 props 并找到 mui 类名，然后解决这个问题

  <Tabs
      value={0}
      TabIndicatorProps={{
        style: {
          backgroundColor: 'red', // Change this to your desired color
        },
      }}
    >
      <Tab label="Tab 1" />
      <Tab label="Tab 2" />
      <Tab label="Tab 3" />
    </Tabs>

Answer 1

您可以使用 MUI 文档中提到的 2 个道具

textColor for text color and indicatorColor for the underlines

，因为在您的情况下您需要第二个

https://mui.com/material-ui/react-tabs/#colored-tab

<Tabs
  value={0}
  textColor="secondary"
  indicatorColor="secondary"
>
  <Tab label="Tab 1" />
  <Tab label="Tab 2" />
  <Tab label="Tab 3" />
</Tabs>