更改Angular Material Design標籤文本的顏色（Angular 1.3.0＆ngMaterial 0.11）

Question

我使用Angular Material（v10.1）設置了一個AngularJS應用程序（1.3） - 當我點擊輸入字段（例如它是焦點）是設置爲使用材料設計標籤文本更改爲藍色的默認顏色 - 我想將其更改爲我選擇的顏色如何是最好的方式來做到這一點。

<md-input-container class="md-block"> 
    <label>Name</label> 
    <input required> 
</md-input-container> 

一旦我專注於標籤上方的輸入字段更改文本「名稱」藍的顏色 - 是什麼改變這種在材料設計另一種顏色推薦的方法是什麼？

Answer 1

此選擇器默認狀態

md-input-container:not(.md-input-invalid).md-input-has-value label { 
     color: #000; // your color here 
} 

聚焦狀態

md-input-container:not(.md-input-invalid).md-input-focused label { 
     color: #000; // your color here 
}