matInput placeHolder不打印文本

Question

我对Angular比较陌生，我找不到任何解决以下问题的方法。

我有以下代码：

​

    <mat-form-field>
        <input matInput placeholder="ZIP" style="color:red;">
    </mat-form-field>

​

我希望它将单词ZIP写成红色，但它所做的只是显示一个红色光标，而单词zip仍然是灰色的。这在处理输入时非常有效，而不是在处理matInput时。

有没有人知道如何解决这个问题？

谢谢!

Answer 1

尝试这样做：

<mat-form-field class="example-full-width">
    <mat-label style="color: red">Zip</mat-label>
    <input matInput>
  </mat-form-field>

实时示例：https://stackblitz.com/edit/angular-rkewwm?file=app/input-overview-example.html (别忘了升级你的包@angular/material，如果我没记错的话，v5分钟)