如何在material-ui Nativeselect中设置下拉菜单的样式？

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

const styles = theme => ({
  root: {
    border: '1px solid #ccc',
    borderRadius: 4,
    padding: theme.spacing(1),
  },
  select: {
    paddingLeft: theme.spacing(1),
    paddingRight: theme.spacing(4),
  },
  icon: {
    right: theme.spacing(1),
  },
});

const CustomSelect = withStyles(styles)(Nativeselect);

<CustomSelect
  SelectProps={{
    classes: {
      root: classes.root,
      select: classes.select,
      icon: classes.icon,
    },
  }}
>
  {/* 下拉菜单的选项 */}
</CustomSelect>

<Nativeselect
  SelectProps={{
    inputProps: {
      style: { paddingLeft: theme.spacing(1), paddingRight: theme.spacing(4) },
    },
    IconComponent: CustomIconComponent,
  }}
>
  {/* 下拉菜单的选项 */}
</Nativeselect>