如何将所有边框绘制到角度网格列表材料？

Question

我正在研究角材料网格列表。 如下图所示，如何在所有垫子网格贴上应用/绘制黑色边框及其厚度？ 编辑mat-grid-tile的CSS的类名称是什么？

<mat-grid-list cols="12" rowHeight="200px">
    <mat-grid-tile colspan="3" rowspan="1">Text</mat-grid-tile>
    <mat-grid-tile colspan="3" rowspan="1">Text</mat-grid-tile>
    <mat-grid-tile colspan="3" rowspan="1">Text</mat-grid-tile>    
    <mat-grid-tile colspan="3" rowspan="1">Text</mat-grid-tile>
</mat-grid-list>

Answer 1

您只能通过CSS来实现。

在检查时，您会看到有一个名为mat-grid-tile 。

在该类上，添加以下css将帮助您提供边框，还可以控制厚度，颜色等。

.mat-grid-tile {
    border: solid 2px #000;
}

检查以下StackBlitz在那里我添加相同的CSS style.scss 。

StackBlitz