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

我想使用jQuery ui-icon-close而不是ui-icon-cancel。因此，我转到primeface jar（3.3.1）中的fileupload.js文件，将引用更改为ui-icon-cancel至ui-icon-close（行＃2082，上传模板）。但它不起作用。任何想法？谢谢。如何更改Primefaces文件上传取消按钮图标

来源

2012-11-27 chaoshangfei

您是否验证过您的更改已将其传送到您的浏览器？ “不起作用”是什么意思？ – Jens

是的。我已经检查过部署的jar并且发生了变化。但取消按钮图标仍然是ui-icon-cancel，但不是ui-icon-close。除了直接在原始jar中更改它外，我还下载了src代码并在那里更改了它，然后生成了一个新jar。它也不工作。 – chaoshangfei

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

我添加了一个ID我FileUpload控件：

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

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

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

This wor ks和取消按钮结束使用ui-icon-closeThick图标。

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

来源

2012-11-29 00:10:26 chaoshangfei

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

回答

相关问题