如何更改Material Design md-input-focused css标签的颜色

Question

我已经为一个较旧的Angular项目实现了Angular Material Design（0.10），它都可以工作但我需要用表单输入更改默认颜色。

当我专注于输入时，会出现针对该输入的深蓝色线条（这是正确的默认ng-Material行为）。

我想将其更改为红色（以匹配我们现有的颜色）我该如何实现？

在CSS中我可以看到对md-input-focused的引用但是没有明显的改变颜色吗？有什么建议吗？

md-input-container.md-input-focused .md-input

Answer 1

如果您正在讨论Angular Material Input下的蓝线，请尝试以下方法：

md-input-container:not(.md-input-invalid).md-input-focused .md-input {
    border-color: red; // Or the color you want
}