jsf - 如何更改primefaces中的菜单按钮图标？

Question

我想在 ap:menuButton 中放一个自定义图标，这可能吗？

Answer 1

是的，这是可能的。您需要做的就是覆盖为.p:menuButton

方法：

1. 在呈现的网页中，您可以右键单击生成的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 **/
    }