更改Material UI选项卡组件上的滚动按钮图标

import React from 'react';
import Tabs from '@material-ui/core/Tabs';
import Tab from '@material-ui/core/Tab';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles({
  scrollButtons: {
    '&.Mui-disabled': {
      // 自定义滚动按钮禁用状态的样式
      color: 'gray',
    },
  },
  scrollIcon: {
    // 自定义滚动按钮图标的样式
    '&.MuiTabs-scrollButtons': {
      '& .MuiSvgIcon-root': {
        fill: 'blue',
      },
    },
  },
});

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

  return (
    <Tabs
      classes={{
        scrollButtons: classes.scrollButtons,
        scrollIcon: classes.scrollIcon,
      }}
      // 其他选项卡组件的属性
    >
      {/* 选项卡内容 */}
    </Tabs>
  );
};

export default CustomTabs;