更改TextField Material-UI v1的onHover颜色 [英] Change onHover colour of TextField Material-UI v1

问题描述

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

I m unable to change the onHover color of the TextField by overriding the classname. How can I do that?

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

I'm using material UI v1: https://github.com/callemall/material-ui/tree/v1-beta

推荐答案

用类覆盖并没有帮助. 通过覆盖 createMuiTheme 中的 MUIclass 如下工作.

Overriding with classes didn't help. It worked by overriding MUIclass in createMuiTheme as below.

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

这篇关于更改TextField Material-UI v1的onHover颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！