更改Material UI TextField悬停时的边框颜色

时间:2019-03-23 09:14:26

标签: html css material-ui

我一直在尝试更改Material UI概述的TextFeild的悬停颜色。似乎它具有许多状态,例如活跃,关注,关注:悬停等。

我找到了this个帖子,指出了我的问题所在,但我不想每次都添加MuiThemeProvider

我能够在某种程度上实现它,但是当它没有聚焦时,我仍然无法在悬停时更改颜色。

https://codesandbox.io/s/kx0zx9q7jo

1 个答案:

答案 0 :(得分:0)

似乎您的根样式在某个时候被覆盖了。也许它不是理想的解决方案,但是我让它与!important关键字一起使用:

"&:hover:not($disabled):not($focused):not($error) $notchedOutline": {
  borderColor: "red !important"
}