我正在研究 Angular Material 网格列表。我如何在所有垫子网格瓷砖上应用/绘制黑色边框及其厚度,如下所示?编辑 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>
最佳答案
您只能通过 CSS 实现。
在检查时,您会看到有一个名为 mat-grid-tile
的类。
在该类中,您添加以下 css 将帮助您提供边框,您还可以控制粗细、颜色等...
.mat-grid-tile {
border: solid 2px #000;
}
检查下面的 StackBlitz,我在 style.scss
中添加了相同的 css。
关于html - 如何绘制所有边框到 Angular 网格列表 Material ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57050315/