jsf - Primefacesツリーテーブルの選択された行の背景色

Question

ノードが選択されているツリーテーブルでは、行が灰色になります。

選択されたときにプライムフェイスを白く保つようにカスタマイズするにはどうすればよいですか?

ありがとうございました！

(このスクリーンショットは Primefaces ショーケースhttps://www.primefaces.org/showcase/ui/data/treetable/selection.xhtmlから取得しました)

Answer 1

使用するスタイル クラスをオーバーライドする必要があります。

以下のコードを xhtml ファイルに追加します

    <style type="text/css">
/* this is to set proper font size */
   .ui-widget,.ui-widget .ui-widget {
        font-size: 90% !important;
    }

    /* To change background color when selectedis-->*/
    .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight
        {
        background-color: green;
    }
    </style>

これを試してみてください。うまくいくはずです。

調べる方法：

right clickツリーでFirefox ブラウザを使用し、 をクリックします"Inspect Element(Q)"。使用しているスタイルが表示されます。上記のタグが表示されたので、上書きします。

について少し学ぶ必要がありますCSS。