如何更改primefaces中的menubutton圖標？

Question

我想在p：menuButton中放置一個自定義圖標，這可能嗎？

Answer 1

儘量有可能。所有你需要做的是覆蓋 primefaces css類產生的p:menuButton。

方法：

1. 在提供網頁，你可以右鍵點擊所產生的p:menuButton和 - >檢查元素。在那裏你可以檢查所有相關的css類。
2. 你可以嘗試與他們的實驗（這我會建議，如果你有時間）爲更好地瞭解CSS選擇等等...
3. 的.ui-menubutton .ui-state-default .ui-icon是您需要的類。

所以，現在當你知道這CSS類都涉及到圖標，你可以重寫他們：

添加.ui-menubutton .ui-state-default .ui-icon規則，你樣式（我假設你有一個和它sucesfully進口。工作如果不檢查here）

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 **/ 
    }