下面是角材料的表单字段。我如何添加2个不同的自定义字体大小的占位符时,它是正常的,当它浮动。字体大小:20 px;(正常时)字体大小:13 px;(当它浮起并变小时)
<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>
4条答案
按热度按时间eoigrqb61#
浮动文本是一个标签,可以用css作为目标。类似这样的东西可能会起作用。
当标签浮动时
fkvaft9z2#
前面的答案不再起作用,下面是我是如何做到的:
mqxuamgl3#
这个解决方案对我很有效,你可以试试这个:
HTML格式
**S CSS **
dldeef674#
表单字段**(自v5起)**的官方角材料文档建议更改字体大小,如下所示:
mat-form-field从其父元素继承了font-size。可以使用CSS将其重写为显式大小。我们建议至少使用1个元素+ 1个类的特性。
同样的方法可以更改表单字段中的标签:
然而,如果你想让你的样式更易读,你可以使用simple css class来应用新的字体属性: