css - primefaces アコーディオン アイコンの変更

Question

プライムフェイスのアコーディオン パネルのアイコンを変更する方法はありますか?

右矢印と下矢印をプラス ([+]) とマイナス ([-]) 記号に変更したい。

誰かがそれを行う方法を説明できますか??

ありがとう。

Answer 1

デフォルトのアイコンの背景位置をプラスとマイナスに変更するカスタム CSS を投入できます。

.ui-accordion .ui-icon.ui-icon-triangle-1-e {
    background-position: -16px -128px;
}
.ui-accordion .ui-icon.ui-icon-triangle-1-s {
    background-position: -48px -128px;
}

現在の PrimeFaces 3.2 リリースでは、代わりにコンポーネントで.ui-icon-plusandを明示的に指定するよりクリーンな方法はないようです。これについては、機能強化のリクエストを投稿することをお勧めします。.ui-icon-minus<p:accordionPanel>

Answer 2

あなたはJQueryを使用することができます：

$(document).ready(function() {
    $("#[accordion-id] h3 span.ui-icon").removeClass( "ui-icon-triangle-1-e" ).addClass( "ui-icon-plus" )
});

[accordion-id] を正しいアコーディオンID に置き換えることを忘れないでください