【问题标题】:CssBaseline Overriding theme background colour MUI? ReactjsCssBaseline覆盖主题背景颜色MUI?反应
【发布时间】:2021-11-12 20:41:52
【问题描述】:

我正在使用材质 ui 制作一个可以正常工作的主题,但是当我将 <CssBaseline/> 添加到 App.js 时,即使我在 index.css 中输入背景颜色应该是 #1f262a,它也会将背景颜色变为白色.我尝试添加:


  overrides: {
    CssBaseline: {
      "@global": {
        body: {
          backgroundColor: "#1f262a",
        }
      }
    }
  },

主题,但它没有任何区别。我很感激任何回应。

【问题讨论】:

  • 你用的是哪个版本的材质ui? v4 还是 v5?

标签: javascript css reactjs material-ui


【解决方案1】:

你应该使用 MuiCssBaseline 而不是 CssBaseline:

  overrides: {
    MuiCssBaseline: {
      "@global": {
        body: {
          backgroundColor: "#1f262a",
        }
      }
    }
  }

【讨论】:

    猜你喜欢
    • 2021-09-30
    • 1970-01-01
    • 2013-02-09
    • 1970-01-01
    • 1970-01-01
    • 2017-05-28
    • 2018-10-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多