Angular material 如何更改matInput占位符的颜色?

Angular material 如何更改matInput占位符的颜色?,angular-material,Angular Material,我正在尝试更改颜色输入占位符。我可以更改下划线的颜色,但占位符不起作用。角度文档提到 可以通过在或元素上设置占位符属性来指定占位符。在某些情况下,可能会使用占位符作为标签 因此,您可以放置css 对于mat表单字段 .mat-focused .mat-form-field-label { color: red !important; } .mat-form-field-empty .mat-form-field-label { color: green; } 或者,如果

我正在尝试更改颜色输入占位符。我可以更改下划线的颜色,但占位符不起作用。

角度文档提到

可以通过在
元素上设置
占位符
属性来指定占位符。在某些情况下,
可能会使用占位符作为标签

因此,您可以放置css

对于
mat表单字段

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

.mat-form-field-empty .mat-form-field-label {
    color: green;
}
或者,如果是简单的
mat输入
,则使用HTML输入的占位符属性

::placeholder{
  color: pink;
}