在React Material UI上更改MobileStepper颜色

Question

我从Material UI中实现了progress stepper，但找不到将其背景颜色从紫色更改为蓝色的方法。

在documentation之后，我尝试通过在pane.setOnMouseClicked(event -> { pane.getChildren().clear(); pane.getChildren().add(rect); }); 上设置progress属性来更改它，但是它应用了新的背景色而不是更改进度条的颜色。

styles

这是现在的样子：

Answer 1

您是否尝试过设置color属性而不是backgroundColor？

const styles = {
  progress: {
    color: 'blue',
  }
};

Answer 2

const MobileStepperView = withStyles({
  root: {
    width: "50%",
    flexGrow: 1,
  },
  colorPrimary: {
    backgroundColor: "red",
  },
  progress: {
    backgroundColor: "green",
    "& *": {
      backgroundColor: "red",
    },
  },
})(MobileStepper);

试试这个，希望它会有所帮助。