Question

是否可以更改file upload上的选择按钮上的图标？就我而言，它总是＆＃34; +＆＃34;。

<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中覆盖字体真棒 plus 图标：

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

请参阅StackBlitz

Answer 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

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

2 个答案: