更改 TextField Material-UI v1 的 onHover 颜色

Question

我无法通过覆盖类名来更改 TextField 的 onHover 颜色。我怎样才能做到这一点？

我正在使用材料 UI v1：https : //github.com/callemall/material-ui/tree/v1-beta

Answer 1

用类覆盖没有帮助。它通过覆盖createMuiTheme 中的MUIclass来工作，如下所示。

const theme = createMuiTheme({
  overrides: {
    MuiInput: {
      underline: {
        '&:hover:not($disabled):before': {
          backgroundColor: 'rgba(0, 188, 212, 0.7)',
        },
      },
    },
  },
});