无法在Material UI中设置滑块(或任何样式)的样式

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

const styles = {
  root: {
    color: 'blue', // 设置滑块的颜色
  },
  thumb: {
    backgroundColor: 'red', // 设置滑块按钮的背景颜色
  },
  track: {
    backgroundColor: 'green', // 设置滑块轨道的背景颜色
  },
  rail: {
    backgroundColor: 'yellow', // 设置滑块轨道的背景颜色
  },
};

const CustomSlider = withStyles(styles)(Slider);

<CustomSlider value={50} />