如何在 Angular 9 中使用 MatSort 删除 Material 行 header 的轮廓？

Question

我在 Material table 上实施 MatSort 后遇到了问题。单击 header 列名称进行排序时，它会显示大纲

是否可以禁用它？如果可能，请帮助我如何做。

我实现了 Material table 排序，如下所示 link： https://material.angular.io/components/table/overview#sorting

Answer 1

在 style.css

中使用此代码

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

Answer 2

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

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

Answer 3

我必须使用以下内容：

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