web-dev-qa-db-ja.com

Angular Material textareaフィールドに境界線を追加するにはどうすればよいですか？

マテリアルデザインコンポーネントでAngularを使用しています。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>

デフォルトのテキストエリアはどのように見えるか

cssangularangular-materialangular-material2
5
Trace Bullet

appearance="outline"をmat-form-fieldに追加すると、フィールドの周囲に境界線が追加されます

ソース： https://material.angular.io/components/form-field/overview

2
philr