首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >棱角材质卡片阴影颜色

棱角材质卡片阴影颜色
EN

Stack Overflow用户
提问于 2019-03-21 01:15:29
回答 2查看 16.1K关注 0票数 8

有没有办法改变卡片下面暗色的阴影?

如果有任何解决方案,请让我知道或任何其他解决办法是感谢!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-03-21 02:06:28

将以下内容添加到CSS将更改mat-cardbox-shadow

代码语言:javascript
运行
复制
.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);
}

如果你使用的是elevation,当然这个CSS需要稍微修改一下。

Stackblitz

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

票数 11
EN

Stack Overflow用户

发布于 2019-12-11 23:18:45

看看最新的angular material elevation

您可以在style.sass中执行类似的操作

代码语言:javascript
运行
复制
@import '~@angular/material/theming';

.my-class-with-custom-shadow {
  // Adds a shadow for elevation level 2 with color #e91e63 and 80% of the default opacity:
  @include mat-elevation(2, #e91e63, 0.8);
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55266640

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档