Material-Ui如何在聚焦时更改textfields / inputs / labels的默认颜色？

Question

在Material UI的新（v1 beta）版本中，默认的灯光主题从浅蓝色/粉红色变为紫色/绿色。

当Text-Fields在这个新版本中获得焦点时，它们的labal / input-line将使用默认的紫色进行着色。

我创建了自定义主题并覆盖了原色，使按钮现在变为蓝色，但标签/输入行仍为紫色。

我如何改变他们的默认颜色？

Answer 1

这有点棘手但是一旦你理解它是如何工作的以及你如何使用它，事情就会变得简单。我花了15-20分钟使用Chrome开发者工具来解决问题，这是解决方案：

当该字段被聚焦时，它会向根添加一个新的MuiFormLabel类。

这意味着我们在MuiFormLabel组件中有一个聚焦属性。问题是类的优先级很高，因为它更具体，只是改变颜色不起作用。

因为我绝对肯定我会使用自己的颜色，所以我使用了！important。

希望它有所帮助。