primefaces - 如何更改 Primefaces 文件上传取消按钮图标

Question

我想使用 jQueryui-icon-close而不是ui-icon-cancel. 所以我转到fileupload.jsprimefaces jar（3.3.1）中的文件，将引用更改ui-icon-cancel为ui-icon-close（第2082行，上传模板）。但它不起作用。任何想法？谢谢。

Answer 1

我找到了一种更简单的方法来解决这个问题：

1. 我在文件上传控件中添加了一个 id：

   <p:fileUpload id="related_file" ..../>
   

2. 然后在我的 css 中，添加以下行：

   div[id*=related_file] .ui-icon-cancel{
       background-position: -96px -128px !important;
   }
   

这有效，取消按钮最终使用 ui-icon-closeThick 图标。

但是如果有人知道答案，我仍然想知道为什么我原来的方法不起作用。谢谢。