Как изменить размер шрифта в полях формы угловых материалов плавающего заполнителя

Question

Ниже приведено поле формы углового материала. Как я могу добавить 2 разных размера шрифта для заполнителя, когда это нормально и когда он плавает. размер шрифта: 20 пикселей; (Когда это нормально) размер шрифта: 13 пикселей; (Когда он всплывает и становится меньше)

 <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;
}