primefaces 上菜单项的自定义图标答案

【问题标题】：Custom icon for menu item on prime facesprimefaces 上菜单项的自定义图标
【发布时间】：2013-08-16 17:35:22
【问题描述】：

我必须为菜单项添加自定义图标。请任何人建议我？我已经使用 CSS 类设置了图标，但没有显示。

<p:submenu label="Administration" >
    <p:menuitem value="Role Master" url="/secured/role_master.xhtml?redirect=true" />
    <p:menuitem value="Role Assignment" url="#" />
    <p:menuitem value="User Management" url="/secured/users.xhtml?redirect=true" icon="user"/>
</p:submenu>

以下代码代表css类

.user{
    background: url('resources/images/menu/users.png') no-repeat;
    height:16px;
    width:16px;
}

【问题讨论】：

标签： jsf primefaces

【解决方案1】：

试试这个：

.user{
    background-image: url('resources/images/menu/users.png') !important;
    height:16px;
    width:16px;
}

【讨论】：

【解决方案2】：

试试这个...

      .tabmenubutton
        {
         background:url("common/images/calendar.png") no-repeat !important;
         width:20px;
         height:20px;
        }

xhtml:

      <p:menuitem value="Country" icon="tabmenubutton"/>

【讨论】：