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中的class。 所以，

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