更改悬停在材料UI Textfield的边界颜色

Question

我一直在尝试更改材料UI概述的TextFeild的悬停颜色。似乎它具有许多状态，例如主动，专注，集中精力：悬停等。

我找到了这篇文章，解决了我的问题，但我不想每次添加MuiThemeProvider。

我能够实现一些扩展，但在不集中时我仍然无法改变悬停的颜色。

https://codesandbox.io/s/kx0zx9q7jo

Answer 1

似乎在某个时候您的根样式被覆盖了。也许它不是理想的解决方案，但是我可以使用!important关键字：

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