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

Question

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

Input selected

Input not selected

这是我试过的

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

我的意见

  <TextField />

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

Answer 1

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

您可以查看示例 -> Codesandbox

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