2013-08-05 21 views
0

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

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

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

该怎么办?

回答

0

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

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