如果步骤中有错误，如何更改材料UI步进器背景颜色

npm install @mui/material @emotion/react @emotion/styled

import React from 'react';
import { Stepper, Step, StepLabel } from '@mui/material';
import { styled } from '@emotion/react';

// 创建一个自定义的Stepper组件，覆盖默认的背景颜色
const CustomStepper = styled(Stepper)(({ theme }) => ({
  backgroundColor: '#f0f8ff', // 你想要的背景颜色
  padding: theme.spacing(2),
}));

function App() {
  return (
    <CustomStepper alternativeLabel>
      <Step completed>
        <StepLabel>Step 1</StepLabel>
      </Step>
      <Step completed>
        <StepLabel>Step 2</StepLabel>
      </Step>
      <Step>
        <StepLabel>Step 3</StepLabel>
      </Step>
    </CustomStepper>
  );
}

export default App;

import { createTheme, ThemeProvider } from '@mui/material/styles';

const theme = createTheme({
  components: {
    MuiStepper: {
      styleOverrides: {
        root: {
          backgroundColor: '#f0f8ff', // 你想要的背景颜色
        },
      },
    },
  },
});

function App() {
  return (
    <ThemeProvider theme={theme}>
      <Stepper alternativeLabel>
        <Step completed>
          <StepLabel>Step 1</StepLabel>
        </Step>
        <Step completed>
          <StepLabel>Step 2</StepLabel>
        </Step>
        <Step>
          <StepLabel>Step 3</StepLabel>
        </Step>
      </Stepper>
    </ThemeProvider>
  );
}

export default App;