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 min如果我没有弄错的话）