如何更改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文件上傳取消按鈕圖標

回答

相關問題