angular - Angular 10:mat-elevation-z 不适用于任何组件
问题描述
我在 mat-toolbar e mat-card 元素中使用 mat-elevation-z4 类,它根本不起作用。即使我没有在这些元素中应用任何其他 CSS。
版本:
Angular CLI:10.0.6
节点:10.14.2
操作系统:win32 x64
Angular:10.0.9
该应用程序在 Chrome 桌面上运行,我也在 Firefox 中尝试过。
我用它来尝试修复:但它只在工具栏中工作并产生了其他错误:
.antiBug {
position: relative;
z-index: 2;
}
我的垫卡:
<mat-card class="mat-elevation-z4">
<mat-card-title class="title">Bem vindo!</mat-card-title>
<mat-card-subtitle class="subtitle">
Sistema para exemplificar a construção de um cadastro em Angular
</mat-card-subtitle>
</mat-card>
我不想盲目地安装旧版本的 Angular,希望问题消失。
我怎样才能解决这个问题?
PS:巧合的是,在同一个项目中,我有材质按钮,它们的样式可以正常工作,除了垫升按钮,它是“3D”的。看起来Angular在控制z-index时遇到了一些问题......
看看我的工具栏的 mat.elevation-z8 类
在这里,和我的垫卡一样
解决方案
我遇到了类似的问题,但事实证明,当我安装 Angular Material 时,它没有将“./node_modules/@angular/material/prebuilt-themes/indigo-pink.css”添加到我的angular.json样式部分,在构建部分内。
添加此代码后,它工作正常!
推荐阅读
- watermark - 如何在我的 Migradoc 文档中使用 PDF Sharp 对象
- go - 检查是否有人读过 go 频道
- python - 如何使用带有for循环的xpath(python)更改xml中的节点值?
- mysql - 无法确定语法错误的原因
- python - 使用 0.8.8+ 版本在页眉或页脚中添加页码
- java - org.hibernate.loader.custom.NonUniqueDiscoveredSqlAliasException:在自动发现期间遇到重复的 sql 别名 [id]
- julia - Julia:在缺失的向量中查找大于 0 的值
- python-3.x - 通过“随机”从嵌套列表中获取元素
- javascript - jQuery scrollTop 在执行后不会让我滚动
- wix - 在 IIsExtension 源 wix3-wix3111rtm 中找不到 ja-JP.wxl 错误消息