给mat-card添加自定义边框

Question

我试图为mat-card提供自定义边框，但无法实现。我正在使用ng-deep来样式化mat-card。我能够获得带有边框半径的圆形边框，但没有出现彩色边框。我不知道我错过了什么，请帮帮我。先感谢您。

以下是我的CSS：

 ::ng-deep .mat-card{

    border: 55px !important;
    border-radius: 30px !important;
    border: #000 !important;
   }

- rock11

Answer 1

您遇到了CSS问题，您先设置了border: 55px !important;，然后用border: #000 !important;进行了覆盖。

您应该使用：border: 55px solid #000

- TheUnreal

Answer 2

在 mat-card 中使用以下类。

<mat-card class="mat-elevation-z0">
contents...............
<mat-card>

- Zia Khan

Answer 3

如果您想更改mat-card的半径，只需设置此CSS属性并更改数字即可。它应该可以工作。

border-radius: var(--mdc-elevated-card-container-shape, var(--mdc-shape-medium, 16px))

- Archisman Tripathi