如何更改材质设计的md-input-focused css标签的颜色

Question

我已经为旧的Angular项目实现了角度材质设计（0.10），但它都可以工作，但是我需要使用表单输入更改默认颜色。

当我将注意力集中在一个输入上时，会出现一条暗蓝色线条，表示该输入（这是正确的默认ng材质行为）。

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

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

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

Answer 1

如果你是一个角度物质投入下谈论蓝线，尝试这样的事情：

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