问题标签 [mat-card]

选中 mat-checkbox 时，我需要更改 mat-card 背景颜色mat-card-content

单击每个单选按钮时，我需要为每个垫卡添加背景。背景应仅适用于与单击的 mat-radio 按钮相对应的 mat 卡。

我在我的 Angular 8 项目中使用 Angular 材质，并尝试在我的材质卡上设置阴影设计。我正在使用此处描述的海拔辅助混合：https ://material.angular.io/guide/elevation

我没有在每个组件的 css 文件中自定义这些高度，而是尝试在全局级别进行。当我在组件级别声明样式类时，它可以工作，但是当我在全局级别声明它时，只有一些 CSS 工作。

当我在全局 styles.css 文件中声明该类时

当我在组件级别声明类时

由于当我在全局级别声明类时正在应用边框颜色，因此我知道该类被正确应用，只是没有应用高程或被覆盖。

我怎样才能解决这个问题？

我想background-color为我的角度项目更改mat-card内部。style.scss

这AppComponent是我目前使用的唯一组件。可能会更改width，mat-card但我无法background-color从style.scss文件中更改 。

改变作品background-color。app.component.scss此外，我还可以更改样式，<p></p>例如style.scss.

为什么不background-color改变，但p元素呢？

我有一个mat-sidenav装满组件的mat-card组件。在 sidenav 之外，我有我的页面的其余部分。我想要的是让我的 sidenav 卡组件保持与有人放大和缩小页面完全相同的大小。我已经说明了我的意思：

左边的图片是我放大前的页面，右边是放大后的页面。sidenav（框）之外的内容会相应地缩放和缩放，我的 sidenav 本身有一个最大宽度设置，即使在缩放后也不会超过（我已经实现了这一点）。我的问题在于垫卡组件（表示为圆圈）。我希望我的垫卡在缩放后也保持与图像中所示相同的大小，但是，它们就像我在 sidenav 之外的组件一样增长。我的垫子卡也单独包装在<a>标签中。我需要它，好像放大和缩小根本不会影响 sidenav 或其内容，我该如何实现呢？

我想让 mat-card 成为可点击的，当我将鼠标悬停在 mat-card 上时，我想显示链接光标。当我单击要导航到另一个页面的一张卡片时，会有很多卡片。我怎样才能做到这一点？

在我的模板 html 中使用以下代码是否合适。

我的第一次尝试是

我是 Angular 的新手，当然也是 Angular 材料的新手。我遇到的材料的一个神秘组件是mat-card，我一遍又一遍地阅读它的描述，我搜索了网络，但是我不明白什么时候使用 mat-card 组件。所以我的问题是前端开发人员什么时候实际使用 mat-card 组件？

我试图在显示垫卡时指定两行之间的一些间隙。但使用 flex 后显示不正确。

这是 HTML 文件：-

这是CSS： -

我看过一篇关于堆栈溢出的帖子，回答了我的问题（如何在有角度的材料中将 mat-card 居中？），但结果确实并不完美（见图）。

正如你所看到的，卡片被压扁了，它们在同一条线上。无论我将scss添加到卡片中，它都不会影响它们。我希望它们更大，并且一个在另一个之上。我发现令人难以置信的是，scss 选项并不容易将元素移动到您想要的位置......

我正在使用 Angular Mat Card，我有一个按钮，每次单击该按钮时都会在数据库中创建新卡，但新卡显示在现有卡的底部，两者之间没有任何间隙，所以如果你们可以提供帮助我弄清楚如何使差距/边距变得很棒。谢谢

这就是它现在的样子

这就是我想要的样子