title: How to remove underline of mat-select component
body: <p>I am using basic mat-select component in my project.</p>
  
  <pre><code> &lt;mat-form-field&gt;
       &lt;mat-select placeholder="Favorite food"&gt;
         &lt;mat-option *ngFor="let food of foods" [value]="food.value"&gt;
            {{food.viewValue}}
          &lt;/mat-option&gt;
      &lt;/mat-select&gt;
   &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>how can i remove the underline,I have tried this <a href="https://stackoverflow.com/questions/45556972/how-to-hide-delete-underline-input-angular-material?rq=1">answer</a> too still no result.</p>