如何更改材質設計的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 
}