Как убрать подчеркивание компонента mat-select

Question

Я использую базовый компонент mat-select в моем проекте.

 <mat-form-field>
     <mat-select placeholder="Favorite food">
       <mat-option *ngFor="let food of foods" [value]="food.value">
          {{food.viewValue}}
        </mat-option>
    </mat-select>
 </mat-form-field>

как я могу удалить подчеркивание, я пробовал этот ответ тоже по-прежнему безрезультатно.

Answer 1

Вы можете сделать это:

::ng-deep .mat-form-field-underline {
  display: none;
}

StackBlitz