辅助材料-重复输入底线

Question

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

<mat-form-field class="example-full-width">
  <textarea matInput placeholder="Leave a comment"></textarea>
</mat-form-field>

如您在图片中看到的，我为matInput重复了底线。 在textarea中，我没有这个问题。

"@angular/material": "^5.2.0",

style.css：

@import "../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css";