material-ui - 如何通过主题调色板更改 TextField 下划线悬停颜色？

Question

material-ui v1

如何通过主题调色板更改 TextField 下划线悬停颜色？
我知道这是可能的 overrides ，但它如何通过标准调色板选项适用于所有组件？喜欢:

const themeMui = createMuiTheme({
  palette: {
    primary: lightBlue,
    secondary: blue,
    error: red,
    common: {
      darkBlack: blue.A700,
    }
  }
});

我想更改的 CSS 代码到底是什么:

Answer 1

嘿，我意识到这有点旧，但我一直遇到同样的问题。我想出了这个。希望它有帮助......有文档不是最好的!

const theme = createMuiTheme({
  overrides: {
    MuiInput: {
      underline: {
        color: 'red',
        '&:hover:not($disabled):after': {
          backgroundColor: 'red',
        },
        '&:hover:not($disabled):before': {
          backgroundColor: 'red',          // String should be terminated
        },
      },
    },
  },
});