Angular Material：更改 <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;
}