如何更改matInput占位符的颜色？

Question

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

Answer 1

Angular文档中提到
placeholder ref

可以通过在placeholder或<input>元素上设置<textarea>属性来指定占位符。在某些情况下，<mat-form-field>可以使用占位符作为标签。

相应地，您可以放置​​CSS。

对于mat-form-field

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

.mat-form-field-empty .mat-form-field-label {
    color: green;
}

或者在简单的mat-input情况下，使用HTML输入的占位符属性。

::placeholder{
  color: pink;
}