如何更改Primefaces fileupload取消按钮图标

Question

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

Answer 1

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

1. 我在fileupload控件中添加了一个id：

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

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

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

这样可以使用ui-icon-closeThick图标结束取消按钮。

但我仍然想知道为什么我的原始方法如果有人知道答案就行不通。感谢。