从 Angular Material <mat-chip> 中移除 box-shadow

Question

有什么方法可以从 Angular Material 中的 mat-chips 中 删除 box-shadow 吗？

 <mat-chip-list>
    <mat-chip>Papadum</mat-chip>
</mat-chip-list>

芯片似乎具有用于 box-shadow 的 CSS 样式，但禁用此样式或覆盖它不起作用。

 transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);

我怀疑必须有一种简单的方法来禁用这个阴影，但我想不通。

原文由 Daniel Kuhlwein 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

致所有来阅读这篇文章的新读者。在您的“mat-chip”元素中应用此类以删除 z 索引。这也将消除阴影。

 class="mat-elevation-z0"

原文由 Deepak K J 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

这种方式不需要’！importants’

 @import '~@angular/material/theming';

mat-chip {
    @include mat-elevation(0);
}

原文由 mukade 发布，翻译遵循 CC BY-SA 4.0 许可协议