angular - 移除 mat-elevation 上侧的 box-shadow

Question

我在一个有类mat-paginator的底部添加了一个。mat-tablemat-elevation-z4

所以我也在组件mat-elevation-z4上加了一个类mat-paginator，但是分页器的上阴影溢出了桌面。我怎样才能只删除上阴影？

mat-elevation-z4课程如下：

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 
        0 4px 5px 0 rgba(0, 0, 0, 0.14), 
        0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

标签： angularangular-material

Answer 1

我发现上阴影是第三个阴影，所以我只需要删除它：

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 
        0 4px 5px 0 rgba(0, 0, 0, 0.14);
}