更改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 
}