css - 如何更改 float 占位符的 Angular Material 表单字段中的字体大小

Question

下面是 Angular Material 的表单域。如何在占位符正常和 float 时为占位符添加 2 种不同的自定义字体大小。字体大小:20px； (正常时)字体大小: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

float 文本是可以用css定位的标签。这样的事情可能会奏效。

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

而当标签 float 时

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