title: How do I add a border on a Angular Material textarea field?
body: <p>I'm using Angular with Material Design components.  How can I add a border around a textarea input field using CSS?</p>
  
  <p>Example textarea from <a href="https://material.angular.io/components/input/examples" rel="noreferrer">https://material.angular.io/components/input/examples</a>:</p>
  
  <pre><code>&lt;form class="example-form"&gt;
    &lt;mat-form-field class="example-full-width"&gt;
      &lt;textarea matInput placeholder="Leave a comment"&gt;&lt;/textarea&gt;
    &lt;/mat-form-field&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/tRbW1.png" rel="noreferrer">What the default textarea looks like</a></p>