css - 材质ui输入背景颜色覆盖标准标签

Question

我使用反应材料 ui 并且我想更改输入的背景颜色（标准）问题是标签在未选择输入时被背景颜色覆盖。

输入选择

未选择输入

这是我试过的

  overrides: {
    MuiInput: {
      root: {
        backgroundColor: '#FF0000'
      }
    },
   }

我的意见

  <TextField />

我发现使它起作用的唯一方法是为颜色添加透明度，还有其他方法吗？我只想更改背景输入而不是所有组件

标签： cssmaterial-ui

Answer 1

如果您使用的是<TextField/>组件，您可以尝试覆盖<TextField/>根样式。

您可以检查一个示例-> Codesandbox

const theme = createMuiTheme({
  overrides: {
    MuiTextField: {
      root: {
        backgroundColor: "#FF0000"
      }
    }
  }
});