PrimeFaces自定义菜单图标未呈现

时间:2013-08-05 07:18:10

标签: css jsf-2 primefaces

我正在开发一个使用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>

我该怎么办?

1 个答案:

答案 0 :(得分:0)

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

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