在我看來，在主題中定義自定義類的更好的地方是在components/muics baseline中定義它們:

const theme = createTheme({
    palette: {
      primary: {
        main: "#66b53f",
        dark: "#66b53f",
      },
      secondary: {
        main: "#f44336",
        dark: "#ba000d",
      },
    },
    components : {
       MuiCssBaseLine : {
         styleOverrides : {
           body : {
             "& .custom-css-class" : {
                  color : "white",
                  bgcolor : "grey",
                  ... /* More stuffs */
            }
           }
         }
       }
    }
  });

然后使用className = & quot自定義CSS-class & quot；將對包裝在ThemeProvider中的每個子組件全局可用。你還需要，在你的應用程序的頂部導入主題上下文。

import { CssBaseLine , ThemeProvider } from "@mui/material"

export default function App() {
/* Rest of your code */
return (
     <ThemeProvider theme={theme}>
      <CssBaseLine />
      <YourApp />
      <div className="custom-css-class">custom-styled-stuff</div>
     </ThemeProvider>
      );

}