如何在Material UI中更改框的颜色

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

const useStyles = makeStyles((theme) => ({
  root: {
    '& .MuiOutlinedInput-root': {
      '& fieldset': {
        borderColor: 'red', // 更改边框颜色
      },
      '&:hover fieldset': {
        borderColor: 'blue', // 鼠标悬停时边框颜色
      },
      '&.Mui-focused fieldset': {
        borderColor: 'green', // 获得焦点时边框颜色
      },
    },
  },
}));

const classes = useStyles();

<TextField
  className={classes.root}
  label="Label"
  variant="outlined"
/>