title: Hide Arrows From mat-form-field in Angular Material
body: <p>I am using <code>mat-form-field</code> for telephone number input. Here is my base code for that.</p>
  <pre><code>&lt;mat-form-field class=&quot;full-width&quot;&gt;
    &lt;input matInput type=&quot;number&quot; placeholder=&quot;Telefonnummer für Rückruf&quot; value=&quot;&quot; [(ngModel)]=&quot;this.inputValues.phone&quot;&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  <p>By the way, this component is showing Arrow/Spin buttons when I mouse hover on it.</p>
  <p>Please let me know how I can customize this component so that it will not show Arrow/Spin buttons anymore.</p>
  <p>Kind regards,
  Jie</p>