【发布时间】：2013-01-09 17:45:37
【问题描述】：
我想在 p:menuButton 中放置一个自定义图标，可以吗？
【问题讨论】：
标签： jsf primefaces icons
【发布时间】：2013-01-09 17:45:37
【问题描述】：
是的，这是可能的。您需要做的就是覆盖为p:menuButton 生成的primefaces css 类。
方法：
- 在呈现的网页中，您可以右键单击生成的
p:menuButton和 -> 检查元素。在那里您可以检查所有相关的 css 类。 - 您可以尝试对它们进行试验（如果您有时间，我会建议您这样做）以更好地理解 css 选择器 等等...
-
.ui-menubutton .ui-state-default .ui-icon是您需要的类。
所以现在当您知道哪些 css 类 与图标相关时，您可以覆盖它们：
将.ui-menubutton .ui-state-default .ui-icon 规则添加到您的样式表（我假设您有一个并且它已成功导入并正常工作。如果没有，请检查here。）
yourStyles.css：
.ui-menubutton .ui-state-default .ui-icon {
background: orange; /** insert your background image **/
}
这将覆盖您项目中使用的所有p:menuButtons 的图标。如果您想将其简化为某个特定的p:menuButton，请将其 ID 添加到 style 定义中。
#menubID.ui-menubutton .ui-state-default .ui-icon {
background: orange; /** insert your background image **/
}
【讨论】：
-
非常感谢您的回答。完美运行！
-
现在，为了解决我的疑惑，我想知道您是否必须删除按钮的文本。当我不将值传递给值属性按钮时，它会显示文本“ui-button”。谢谢。
-
哦！我真的没有想到！ （我已经删除了语句的 value 属性）
现在，我声明了传递一个空字符串的值并且工作得很好。谢谢@Fallup。