angular - Angular Material卡片阴影颜色

Question

有什么办法可以改变卡下暗的阴影的颜色吗？

如果有任何解决方案，请告诉我或任何其他解决方法表示赞赏！

标签： angularangular-material

Answer 1

将以下内容添加到您的 CSS 将box-shadow更改mat-card

.mat-card:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 1px -1px rgba(0,0,0,1), 
                0 1px 1px 0 rgba(0,0,0,1), 
                0 1px 3px 0 rgba(0,0,0,1);
}

如果您使用的是高程，当然这个 CSS 需要稍作修改。

堆栈闪电战

https://stackblitz.com/edit/angular-yxb2ow?embed=1&file=app/card-overview-example.css