使用Angular 7+和Angular材质更改占位符颜色？

Question

我正在使用Angular 7+和Angular材质更改输入字段上占位符文本的颜色。

回顾我尝试使用:: ng-deep和mat-placeholder的类似问题。 我使用mat-placeholder来工作，但是在以后的Angular Material版本中将删除它。

<form class="example-form">
  <mat-form-field class="example-full-width">
    <input matInput placeholder="Favorite food" value="Sushi">
  </mat-form-field>
</form>

更改matInput占位符文本的颜色。

Answer 1

<mat-form-field>
<input matInput type="text">
<mat-placeholder class="placeholder">Email</mat-placeholder>
</mat-form-field>

    .mat-form-field-underline {
    /*change color of underline*/
    background-color: #dce2f4 !important;
    } 

    .mat-form-field-ripple {
    /*change color of underline when focused*/
    background-color: #2e2f36 !important;
    } 
    .placeholder {
      color:  #dce2f4 ;

    }