primefaces - Primefacesファイルアップロードキャンセルボタンアイコンを変更する方法

Question

ui-icon-closeの代わりにjQueryを使用したいui-icon-cancel。そこでfileupload.js、primefaces jar（3.3.1）のファイルに移動し、参照ui-icon-cancelをui-icon-close（line＃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アイコンを使用することになります。

しかし、誰かが答えを知っているのに、なぜ私の元のアプローチがうまくいかなかったのかを知りたいのです。ありがとう。