从Angular Material Select中删除焦点下划线边框

Question

单击Angular Material Select元素后，如何删除焦点下划线？我附上了代码。我将不胜感激任何帮助。谢谢！

 <mat-form-field>
            <mat-label>Selected account</mat-label>
            <mat-select matInput>
              <mat-option *ngFor="let account of accounts" [value]="account.value">
                {{account.viewValue}}
              </mat-option>
            </mat-select>
        </mat-form-field>

Answer 1

添加以下内容：

name.component.css：

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