title: Angular Material text area inner border
body: <p>My application has a couple <code>textarea</code>s that have what I can only describe as an inner border when the box has focus. I've created the box with</p>
  <pre class="lang-html prettyprint-override"><code>&lt;textarea matNativeControl rows=&quot;3&quot; type=&quot;text&quot;&gt;&lt;/textarea&gt;
  </code></pre>
  <p>and it comes out looking like this: <a href="https://i.stack.imgur.com/6FJ0h.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6FJ0h.png" alt="enter image description here" /></a></p>
  <p>The examples in the documentation don't have that inner border when I give them focus. How do I get rid of that?</p>