css - プライムフェイスでカスタムアイコンを作成する方法

Question

で使用する新しいアイコンを作成したいのですが、p:commandButton失敗しました。このメソッドを使用しました

PrimeFaces: カスタマイズされたアイコンを使用するにはどうすればよいですか?

しかし、私にはうまくいきませんでした。私はあなたに私のコードを見せます：

CSS コード :

.img-button-help { background-image: url('img/mag.ico') !important; }

jsfコード:

<p:commandButton icon="img-button-help" value="test" />

結果: 新しい結果 ->

Primefaces でカスタム アイコンを使用する方法 ??

Answer 1

background-positionこんにちは、プライムフェイスの画像はスプライトに基づいており、位置を設定しているため、cssに を追加してみてください.img-button-help。これを試して：

.img-button-help { 
   background-image: url('img/mag.ico') !important;  
   background-position: center !important;
}