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

【问题标题】：<p-fileUpload> Change icon on PrimeNG on file upload<p-fileUpload> 文件上传时更改 PrimeNG 上的图标
【发布时间】：2018-04-25 14:17:47
【问题描述】：

是否可以更改 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>

【问题讨论】：

标签： angular primeng

【解决方案1】：

您可以在组件的 CSS 中覆盖 font awesome plus 图标：

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

见StackBlitz

【讨论】：

好的，所以将其限制为 ui-fileupload-choose 类（我编辑了我的消息和 Stackblitz）

【解决方案2】：

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

::ng-deep .ui-button .fa-upload::before{
  background: red;
   content: "\F0A6";

}

::ng-deep .ui-button .fa-close::before{
  background: red;
   content: "\F0A6";

}


but new primeng pi-upload,pi-times

【讨论】：