如何在 Angular 9 中使用 MatSort 删除材料行标题的轮廓？答案

【问题标题】：How to remove outline for Material row header with MatSort in Angular 9?如何在 Angular 9 中使用 MatSort 删除材料行标题的轮廓？
【发布时间】：2022-02-09 16:39:50
【问题描述】：

在我的 Material 表中实施 MatSort 后，我遇到了一个问题。单击它进行排序时，它会显示标题列名称的轮廓

是否可以禁用它？如果可能的话，请帮助我如何做到这一点。

我实现了带有排序的材料表，如下面的链接所示： https://material.angular.io/components/table/overview#sorting

【问题讨论】：

标签： angular sass angular-material angular-material-table

【解决方案1】：

在 style.css 中使用这段代码

 .mat-sort-header-button {
    outline: none !important;
  }

【讨论】：

【解决方案2】：

截至 2021 年 5 月，我必须使用以下内容：

::ng-deep .mat-sort-header-container {
  box-shadow: none !important;
}

【讨论】：

【解决方案3】：

我必须使用以下内容：

::ng-deep .mat-sort-header-button {
    outline: none !important;
}

【讨论】：