移除出现在TextField type=“time”material-ui React上的箭头和叉号

import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles((theme) => ({
  root: {
    '& .MuiInputAdornment-root': {
      display: 'none', // 隐藏所有输入框附加元素
    },
    '& input[type="time"]::-webkit-clear-button, & input[type="time"]::-webkit-inner-spin-button': {
      display: 'none', // 隐藏时间输入框的清除按钮和箭头按钮
    },
  },
}));

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

  return (
    <TextField
      type="time"
      className={classes.root}
      // 其他TextField属性
    />
  );
};