Question

如何更改borderColor中概述的 hover组件的<TextField />上的createMuiTheme()？为带下划线的<Input />做这很容易

export default createMuiTheme({   
    MuiInput: {
        '&:hover:not($disabled):not($focused):not($error):before': {
            borderBottom: '2px solid red',
        },
    }
});

但是我如何访问概述的 <TextField />组件（variant='outlined'）。

通常：我真的很想念传递给props的{{1}}的{{1}}上的一个很好的文档...在某个地方可以看到整个对象，所有可能/可用的道具？！

Answer 1

谁来过这个。我查看了Material UI的Github存储库，在此文件的第12-35行。

https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/OutlinedInput/OutlinedInput.js

然后我将其更改为

export default createMuiTheme({
    overrides: {
        MuiOutlinedInput: {
            root: {
                '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
                borderColor: 'red',
            },
        },
      }
    }
});

在createMuiTheme（）中更改<TextField />的悬停颜色

1 个答案: