如何在Material-UI的自动完成功能中更改复选框的颜色？

import Autocomplete from '@material-ui/lab/Autocomplete';
import { withStyles } from '@material-ui/core/styles';
import Checkbox from '@material-ui/core/Checkbox';

const styles = {
  checkbox: {
    color: 'red', // 设置复选框的颜色
    '&$checked': {
      color: 'green', // 设置选中状态下复选框的颜色
    },
  },
  checked: {},
};

const CustomCheckbox = withStyles(styles)(Checkbox);

<Autocomplete
  multiple
  options={options}
  getOptionLabel={(option) => option.label}
  renderOption={(option, { selected }) => (
    <React.Fragment>
      <CustomCheckbox
        icon={<CheckBoxOutlineBlankIcon fontSize="small" />}
        checkedIcon={<CheckBoxIcon fontSize="small" />}
        style={{ marginRight: 8 }}
        checked={selected}
      />
      {option.label}
    </React.Fragment>
  )}
  renderInput={(params) => (
    <TextField
      {...params}
      variant="outlined"
      label="Select options"
      placeholder="Options"
    />
  )}
/>