如何从反应的输入字段中删除绿色？

Question

能否请您告诉我如何在反应中从输入字段中删除绿色？我知道它来自主题，我只想从此表单input和select字段中删除。

Codesandbox

const theme = createMuiTheme({
  palette: {
    primary: green,
    secondary: green
  },
  overrides: {
    MuiInput: {
      underline: {
        color: "red",
        "&:hover:not($disabled):after": {},
        "&:hover:not($disabled):before": {}
      }
    }
  }
});

Answer 1

我已经分叉了您的代码示例，并在主题替代中进行了修改，以更改表单标签https://codesandbox.io/s/j3763x65y3的颜色。

在test.js文件中，我进行了以下编辑：

根据样式：

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

并作为相应TextField的属性：

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

我并没有很快找到合适的class属性来更改InputLabel的焦点颜色，所以我只是用focused: false禁用了焦点，尽管这不是一个很好的解决方案，并且我不会在生产中使用它

由于TextField组件是由其他组件组成的组件，因此请查看API文档https://material-ui.com/api/text-field/及其组成的组件。