如何更改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 **/ 
    }