css - 如何更改浮动占位符的角材料表单字段中的字体大小

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>

标签： cssangularformssassangular-material2

Answer 1

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

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

当标签浮动时

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