css - 更改 Angular Material Design 标签文本的颜色(Angular 1.3.0 和 ngMaterial 0.11)

Question

我设置了一个带有 Angular Material (v10.1) 的 AngularJS 应用程序 (1.3) - 当我点击一个输入字段(例如，它处于焦点中)，该输入字段设置为使用 Material Design 时，标签文本更改为默认值蓝色 - 我想将其更改为我选择的颜色，最好的方法是什么。

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

一旦我关注标签上方的输入字段，文本“名称”的颜色就会更改为蓝色 - 在 Material Design 中将其更改为另一种颜色的推荐方法是什么？

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
}