如何在 Angular Material textarea 字段上添加边框？

Question

我将 Angular 与 Material Design 组件一起使用。如何使用 CSS 在 textarea 输入字段周围添加边框？

来自https://material.angular.io/components/input/examples 的示例文本区域：

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

默认的 textarea 是什么样的

Answer 1

如果你添加appearance="outline"到你的mat-form-field它会在你的领域周围添加一个边框

来源：https : //material.angular.io/components/form-field/overview