Angular2材质对话框css,对话框大小

发布时间：2020-12-17 07:59:13 所属栏目：安全来源：网络整理

导读：Angular2材料团队最近发布了MDDialog https://github.com/angular/material2/blob/master/src/lib/dialog/README.md 我想改变angular2材质对话框的外观和感觉.例如,要更改弹出容器的固定大小并使其可滚动,请更改背景颜色,以此类推.最好的方法是什么？有没有

Angular2材料团队最近发布了MDDialog https://github.com/angular/material2/blob/master/src/lib/dialog/README.md

我想改变angular2材质对话框的外观和感觉.例如,要更改弹出容器的固定大小并使其可滚动,请更改背景颜色,以此类推.最好的方法是什么？有没有我可以玩的CSS？

您可以使用dev工具检查dialog元素,并查看mdDialog上应用的类.

例如,.md-dialog-container是MDDialog的主要classe并具有填充：24px

您可以创建自定义CSS来覆盖您想要的任何内容

.md-dialog-container {
背景色：#000;
宽度：250px;
身高：250像素
}

在我看来,这不是一个好的选择,可能违反材料指南,但由于它没有它在之前版本中的所有功能,你应该做你认为最适合你的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!