如何在浮动占位符的角度材料形式字段中更改字体大小

Question

下面是角材料的表单域。如何在正常和浮动时为占位符添加 2 种不同的自定义字体大小。字体大小：20px；（正常时） font-size : 13px; （当它浮起来变小时）

 <mat-form-field class="form-group example-full-width">
    <input matInput id="Fname" placeholder="First" class=" " formControlName="FirstName">
    <mat-error *ngIf="firstName.invalid" class="">First name is required</mat-error>
    </mat-form-field>

Answer 1

浮动文本是一个可以用 css 定位的标签。像这样的事情可能会奏效。

mat-form-field label {
  font-size: 20px;
}

当标签浮动时

mat-form-field.mat-form-field-should-float label {
  font-size: 13px;
}