提问人:Roberto Valenza 提问时间:11/15/2023 最后编辑:Roberto Valenza 更新时间:11/15/2023 访问量:19
mat-grid-tile-content 如何编辑样式
mat-grid-tile-content how to edit the style
问:
我会编辑这个类的样式'mat-grid-tile-content'
这是我的代码:
<mat-grid-tile [colspan]="3" [rowspan]="2">
<mat-list role="list">
<mat-list-item role="listitem">Item 1</mat-list-item>
<mat-list-item role="listitem">Item 2</mat-list-item>
<mat-list-item role="listitem">Item 3</mat-list-item>
</mat-list>
</mat-grid-tile>
我尝试以这种方式访问该类,但不起作用:
::ng-deep mat-grid-tile-content {
display: flex !important;
align-items: start !important;
justify-content: flex-start !important;
flex-direction: column !important;
}
答:
0赞
Lajos Arpad
11/15/2023
#1
当您在选择器中搜索 a 时,您需要使用:.
class
::ng-deep {
.mat-grid-tile-content {
display: flex !important;
align-items: start !important;
justify-content: flex-start !important;
flex-direction: column !important;
}
}
或
::ng-deep .mat-grid-tile-content {
display: flex !important;
align-items: start !important;
justify-content: flex-start !important;
flex-direction: column !important;
}
评论