如果你检查ink元素，你会发现它的厚度是由它的height定义的。
所以你需要传递background是你想要的height值。

inkBarStyle={{ background: "#000", height: "5px", marginTop: "-5px" }}

marginTop值是必需的，这样墨迹就不会超出Tab元素的范围。
https://codesandbox.io/s/jpnr541543
Hello.js组件具有选项卡相关代码。

不推荐使用inkBarStyle解决方案。
您现在可以使用TabIndicatorProps来设置当前版本MUI（4.10.02）的活动指示器颜色和粗细的样式。

下面是使用className的方法：{类}

import React from "react";
import PropTypes from "prop-types";
import { Tabs, Tab, makeStyles } from "@material-ui/core";

const useStyles = makeStyles(theme => ({
  indicator: {
    backgroundColor: "green",
    height: "10px",
    top: "45px"
  },
  tabsWrapper: {
    height: "60px",
    background: "lightgreen"
  }
}));

const TabsIndicator = () => {
  const classes = useStyles();

  const [value, setValue] = React.useState(0);

  const handleChange = (event, newValue) => {
    setValue(newValue);
  };

  return (
    <React.Fragment>
        <Tabs
          value={value}
          onChange={handleChange}
          className={classes.tabsWrapper}
          TabIndicatorProps={{ className: classes.indicator }}
        >
          <Tab label="TEST1" value={0} />
          <Tab label="TEST2" value={1} />
          <Tab label="TEST3" value={2} />
          <Tab label="TEST4" value={3} />
        </Tabs>
    </React.Fragment>
  );
};

export default TabsIndicator;

指示灯：{背景颜色：“"}更改活动指示器颜色
指示器：{高度：“"}更改活动指示器厚度
指标：{顶部：“"}从 Package 的顶部定位活动指示器
选项卡 Package ：{height：“"}更改<Tabs/>的高度。如果您的指示器太厚，直到它在外面，则需要更改此设置。
选项卡 Package ：{背景颜色：“"}更改<Tabs/>的背景色
你也可以看看我的x111f1x以供进一步参考。希望这对你有帮助！