css - PrimeFaces 自定义菜单图标未呈现

Question

我正在开发一个使用 PrimeFaces 组件库的 JSF 应用程序。我想在我的应用程序中应用一些菜单栏组件；但是，我创建的图标无法呈现。在 PrimeFaces 文档中，声明对于自定义图标我应该有一个 css 类。我用图像创建了 css 并将其提供给菜单栏图标属性，但它不起作用。以下是我的css。

.mainPageIcon {
    background: url(/images/motorStop.png) no-repeat;
    height: 16px;
    width: 16px;
}

<p:menubar>
     <p:menuitem icon="mainPageIcon" value="mainPage"/>
</p:menubar>

我该怎么办？

Answer 1

在 Primefaces 中，要使用 CSS 类，请使用属性 styleClass。它相当于 Html 中的类。所以，

 <p:menuitem styleClass="mainPageIcon" value="mainPage"/>