Angular 5禁用手机上的cdk焦点状态

移动设备上有一个错误(我想)，当您单击侧面导航菜单然后选择要转到的路线时，该错误会关闭sidenav，但会使菜单按钮处于焦点状态。打开模态的按钮或实际上具有焦点状态的任何东西(侧面导航，导航项，按钮等)也会发生。

您可以在 Angular Material 侧面导航示例中看到它的发生(模拟移动设备):
https://stackblitz.com/angular/brrokxxmqvrn?file=app%2Fsidenav-autosize-example.ts

或者，您可以查看下面的屏幕截图(单击后，将切换sidenav按钮聚焦)


我想知道如何在 Angular 5的手机上(或在特定条件下)禁用cdk焦点状态

最佳答案

我最终要做的是使用以下CSS来消除影响:

.mat-button,
.mat-icon-button {
  &.cdk-focused,
  &.cdk-program-focused {
    background-color: none !important;

    .mat-button-focus-overlay {
      display: none !important;
    }
  }
}

关于 Angular 5禁用手机上的cdk焦点状态，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50295466/