我如何在Angular Material文本区域字段上添加边框？

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>

What the default textarea looks like

Answer 1

如果将appearance="outline"添加到mat-form-field，则会在您的字段周围添加边框

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

Answer 2

由于您已为材质文本字段指定了一个类，因此在CSS中

 .example-full-width: {
   border: 2px solid black
}