css - 如何更改 matinput 占位符的颜色？

Question

如何设置占位符的颜色样式？在堆栈溢出上发布的解决方案都不适合我。

::ng-deep input.mat-input-element {
    color: #ff884d;
    caret-color: #ff884d;
}

<form class="example-form">
    <mat-form-field class="example-full-width">
      <input [(ngModel)]="email" matInput placeholder="Email" [formControl]="emailFormControl">
      <mat-error *ngIf="emailFormControl.hasError('email') && !emailFormControl.hasError('required')">
        Please enter a valid email address
      </mat-error>
      <mat-error *ngIf="emailFormControl.hasError('required')">
        Email is <strong>required</strong>
      </mat-error>
    </mat-form-field>
  </form>

所有的css样式都被覆盖了，但是颜色是一样的。

Answer 1

试试这个 100% 会成功

::ng-deep .mat-form-field-placeholder{
  color:red;
}