如何为多个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
相关产品推荐
相关产品推荐

