焦点时如何更改 md-input-container 占位符的颜色？

Question

我正在使用 Angular 4，并且我有一个带有占位符的 md-input-container。当我在输入中键入内容时，占位符显示为标签。在这种情况下如何更改占位符的颜色？

 <md-input-container class="mb-1 data_font">
   <input mdInput placeholder="Full name">
 </md-input-container>

Answer 1

我通常使用 mat-form-field 作为 input 字段的包装器。

<mat-form-field class="mb-1 data_font">
  <input mdInput placeholder="Full name">
</mat-form-field>

现在您可以将以下代码添加到您的 CSS：

.mat-focused .mat-form-field-label {
  color: red;
}

请记住，如果您想更改一般的调色板，您应该考虑使用主题：https://material.angular.io/guide/theming