如何在mui中更改禁用的TextField的字体颜色？

import { makeStyles } from '@mui/styles';

const useStyles = makeStyles({
  disabledTextField: {
    '& .MuiInputBase-root.Mui-disabled': {
      color: 'red', // 这里可以更改为你想要的字体颜色
    },
  },
});

import TextField from '@mui/material/TextField';

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

  return (
    <TextField
      disabled
      label="Disabled TextField"
      className={classes.disabledTextField}
    />
  );
}