0

如何更改标签中的字体系列以及 mat-select 和 mat-input Material angular 5 的选项？

我试图将样式直接应用于元素 mat-select 和 input 但对我没有任何作用。

myform-component.html

<mat-form-field class="col-sm-2 col-4">
  <mat-select style="font-family: 'GE-Flow-Bold', sans-serif; font-size:12px" [ngModel]="selectedCivilite" formControlName='civiliteAr' (ngModelChange)="civiliteChanged($event)" placeholder="اللقب" >
    <mat-option style="font-family: 'GE-Flow-Bold', sans-serif; font-size:12px" [value]="v" *ngFor='let v of listCiviliteAr , index as i '>
      {{ v }}
    </mat-option>
  </mat-select>
</mat-form-field>
<mat-form-field  class="col-sm-5 col-8 arabic-text">
  <input style="font-family: 'GE-Flow-Bold', sans-serif; font-size:12px"  matInput formControlName='nomAr' placeholder="الإسم الشخصي" >
  <mat-error *ngIf="form.get('nomAr').invalid">{{getErrorNameArMessage()}}</mat-error>
</mat-form-field>
4

1 回答 1

0

将此样式添加到mat-form-field

font-family: 'GE-Flow-Bold', sans-serif

应该做的伎俩。请记住，必须加载字体以便它可用于您的应用程序。

于 2018-03-09T11:17:34.643 回答