angular - 从 Angular Material 选择中删除焦点下划线边框

Question

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

 <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;
}