小编Ari*_*ano的帖子

这是我第一次使用 Material UI（我也是一个一般会反应的菜鸟），我似乎无法改变我正在使用的切换开关的大小。

这是我到目前为止所拥有的 - 减去所有不相关的东西：

import React, { Component } from "react";
import Switch from "@material-ui/core/Switch";


const styles = {
  root: {
    height: "500",
  },
};

class ToggleActive extends Component {
  state = {
    checked: true,
  };

  handleChange = name => event => {
    this.setState({ [name]: event.target.checked });
  };

  render() {
    return (
      <label htmlFor="normal-switch">
        <Switch
          classes={styles.root}
          checked={this.state.checked}
          onChange={this.handleChange("checked")}
        />
      </label>
    );
  }
}

export default ToggleActive;

我只是想让它变大一点，并改变颜色。任何帮助，将不胜感激！