Reactjs 如何从react中的输入字段中删除绿色？

您能告诉我如何从react中的输入字段中删除绿色吗？我知道它来自主题，我只想删除此表单的

input

和

select

字段

const theme=createMuiTheme({
调色板：{
小学：绿色，
中学：绿色
},
覆盖：{
多输入：{
下划线：{
颜色：“红色”，
“&:hover:not（$disabled）：在“{}”之后，
“&:hover:not（$disabled）：before:{}”
}
}
}
});

我已经分叉了您的代码示例，并在主题覆盖中进行了编辑，以更改表单标签的颜色

在

test.js

文件中，我编辑了以下内容：

在“样式”下：

  noUnderline: {
    color: "grey",
    "&:after": {
      borderColor: "grey",
      color: "grey"
    },
  }

和作为相应文本字段的属性：

<TextField
          InputLabelProps={{
            shrink: true,
            focused: false
          }}
          InputProps={{
            classes: {
              focused: classes.noUnderline,
              underline: classes.noUnderline
            }
          }}
</TextField>

---

您必须覆盖样式。是否可以更改我的沙盒链接以进行任何更新？你能帮我个忙吗？我不知道怎么做，因为我对图书馆不熟悉。我给了你方向的链接。对不起，我帮不了你。好的。谢谢你的帮助