角材料：更改<mat-list-item>的字体大小

Question

我正在使用Angular Material。我有一个包含各种字段和列表项的表单。我使用以下

更改了mat-form-field输入的大小

mat-form-field.mat-form-field {
  font-size: 14px;
}

但是，由于列表不是mat-form-field的一部分，因此它们仍然是默认值16px。如何更改<mat-list-item>的大小？

<mat-list-item *ngFor="let file of files">{{file.name}}<mat-list-item>

Answer 1

尝试以下CSS定义：

:host /deep/ .mat-list-item-content {
  font-size: 18px;
}

Answer 2

我昨天实际上是在为我的垫子列表项这样做的。 h6证明是适合我的尺寸。

   <mat-list-item *ngFor="let file of files">
     <span style="font-size:12px">
       {{file.name}}
     </span>
   <mat-list-item>

或

   <mat-list-item *ngFor="let file of files">
    <h6>
      {{file.name}}
    </h6>
   <mat-list-item>

Answer 3

您可以将样式直接添加到标记中。如果您使用类来引用CSS文件，则有时将无法正常工作。

{ { 2, [5,5,1] },{ 3, [2,4,3] },{ 1, [10,5,4] },{ 4, [9,7,8] } }