时间戳

首页 > 解决方案 > Angular Material：更改字体大小

angular-material - Angular Material：更改字体大小

问题描述

我正在使用Angular Material. 我有一个包含各种字段和列表项的表单。我已经mat-form-field使用以下更改了输入的大小

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

但是，由于 list 不是其中的一部分，mat-form-field它们仍然是它们的默认值16px。我怎样才能改变的大小<mat-list-item>？

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

标签： angular-material

解决方案

我昨天实际上是为我的 mat-list-items 做的。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>

推荐阅读