如何更改React MaterialUI卡中的背景颜色

Question

您好，我想在 React MaterialUI 卡项目中更改卡的背景颜色。请参阅附图，我所期待的。

截屏：

https://stackblitz.com/edit/react-snmhbw

Answer 1

您可以将内联样式块添加到保存文本的 div 元素。所以像这样的事情style={{backgroundColor: "red"}}

Answer 2

更好的方法是按照MUI 文档中的描述设置全局主题，并将theme.palette.background.paper密钥更改为所需背景颜色的十六进制值，如本 GitHub 问题中所述：

1. 使用：

    const theme = createTheme({
        palette: {
          background: {
            paper: '#EFF7FF', // your color
          },
        },
      });

2. 将您的应用程序包装在<ThemeProvider theme={theme}>.
3. 只要<Card>像平常一样使用，颜色就会改变。