2

ap:menuButton にカスタム アイコンを配置したいのですが、可能ですか?

4

1 に答える 1

3

はい、可能です。あなたがする必要があるのは、.p:menuButton

アプローチ：

  1. レンダリングされた Web ページで、生成された要素を右クリックし、p:menuButton要素を検査します。そこで、関連するすべてのcss クラスを調べることができます。
  2. cssセレクターなどをよりよく理解するために、それらを試してみることができます（時間があればお勧めします）...
  3. .ui-menubutton .ui-state-default .ui-icon必要なクラスです。

したがって、どのcss クラスがアイコンに関連しているかがわかったら、それらをオーバーライドできます。

スタイルシート.ui-menubutton .ui-state-default .ui-iconにルールを追加します（ルールがあり、正常にインポートされて機能していると仮定します。そうでない場合は、ここをチェックしてください。）

yourStyles.css :

.ui-menubutton .ui-state-default .ui-icon {
    background: orange; /** insert your background image **/
}

これにより、プロジェクトで使用されているすべてのアイコンが上書きp:menuButtonsされます。特定のものに減らしたい場合はp:menuButton、その ID をスタイル定義に追加します。

#menubID.ui-menubutton .ui-state-default .ui-icon {
        background: orange; /** insert your background image **/
    }
于 2013-01-09T22:50:34.360 に答える