mat-grid-tile-content 如何编辑样式

mat-grid-tile-content how to edit the style

提问人:Roberto Valenza 提问时间:11/15/2023 最后编辑:Roberto Valenza 更新时间:11/15/2023 访问量:19

问:

我会编辑这个类的样式'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;
}
css sass angular-material 前端

评论


答:

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;
}