angular - <p-fileUpload> 在文件上传时更改 PrimeNG 上的图标

Question

是否可以更改 file upload 上选择按钮的图标？ 就我而言，它始终是“+”。

<p-fileUpload 
  class="btn-primary"
  auto="true"
  mode="basic"
  name="demo[]" 
  chooseLabel="Upload"
  [url]="apiImageLocation" 
  accept="image/*"
  maxFileSize="2000000" 
  (onUpload)="onUploadImageSuccess($event)" 
  (onError)="onUploadImageError($event)">
</p-fileUpload>

Answer 1

您可以在组件的 CSS 中覆盖 font Awesome plus 图标:

::ng-deep .ui-fileupload-choose .fa-plus::before {
  content: "\F0A6";
}

参见StackBlitz