You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为多个PrimeNG p-fileUpload控件设置不同图标并替代ng-deep?

问题:为PrimeNG的p-fileUpload控件设置不同图标并替代::ng-deep

场景说明

我在表单中使用了两个p-fileUpload控件,希望为每个控件设置不同的图标,但目前仅能修改其中一个控件的图标,尝试通过name和title属性实现样式区分但未成功。

控件HTML代码

<p-fileUpload
  mode="basic"
  title="Photo"
  name="Photo[]"
  accept="image/*"
></p-fileUpload>

<p-fileUpload
  mode="basic"
  name="signature[]"
  accept="image/*"
></p-fileUpload>

当前实现方式(依赖弃用的::ng-deep)

目前通过以下SCSS代码修改图标,但::ng-deep已被标记为弃用:

:host ::ng-deep .p-fileupload-choose {
  background: none;
  border: none;
  content: url('../autograph.png') !important;
}

需求

请问有没有不依赖::ng-deep的实现方式,能够为两个p-fileUpload控件分别设置不同图标?

内容的提问来源于stack exchange,提问作者Developer

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.28 14:08:30