如何在Material UI中更改复选框图像样式。React.js

import React from 'react';
import Checkbox from '@material-ui/core/Checkbox';
import { withStyles } from '@material-ui/core/styles';

const CustomCheckbox = withStyles({
  root: {
    color: '#000', // 设置复选框未选中时的颜色
    '&$checked': {
      color: '#f00', // 设置复选框选中时的颜色
    },
  },
  checked: {},
})((props) => <Checkbox color="default" {...props} />);

function MyComponent() {
  return (
    <div>
      <CustomCheckbox checked={true} /> {/* 使用自定义样式的复选框 */}
      <CustomCheckbox checked={false} /> {/* 使用自定义样式的复选框 */}
    </div>
  );
}