MaterialUI-选择下划线颜色

Question

我正在使用MaterialUI，想知道在选择一个项目时如何更改Select组件的下划线和文本颜色？目前，在我选择一个选项后，下划线和标签为蓝色，而背景为灰色。有什么方法可以自定义下划线和标签颜色？

我没有在文档here中看到underline CSS API选项，因此对于在哪里可以更改这些样式感到有些困惑。

谢谢您的帮助！

Answer 1

实现此目标的最佳方法是使用此处提供的主题提供程序来构建自己的主题 Themes Provider

您还可以Override设置样式，特别是如果您只需要更改每个组件的行为。

我的建议是您构建自己的主题（第一个）。您不必更改所有内容，只需默认更改其他样式即可。

Answer 2

这确实很容易，但是如果您只想快速又脏乱地完成此操作，则可以在CSS中添加一个使用模糊类选择器的规则。

div[class="^=MuiInput-underline"]:hover:not(div[class="^=MuiInput-disabled"]):not(div[class="^=MuiInput-focused"]):not(div[class="^=MuiInput-error"]):before