web-dev-qa-db-fra.com

Comment ajouter une bordure sur un champ Angular Material textarea)?

J'utilise Angular avec les composants Material Design. Comment puis-je ajouter une bordure autour d'un champ de saisie textarea en utilisant CSS?

Exemple textarea de 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>

À quoi ressemble la zone de texte par défaut

cssangularangular-materialangular-material2
5
Trace Bullet

si vous ajoutez appearance="outline" à ton mat-form-field cela ajoutera une bordure autour de votre champ

source: https://material.angular.io/components/form-field/overview

2
philr