Benutzerdefiniertes Symbol für Menüelement auf Primzahlen

Question

Ich muss benutzerdefinierte Symbol für Menüelement hinzufügen. bitte irgendjemand schlägt mir vor? Ich habe das Symbol mit der CSS-Klasse eingestellt, werde aber nicht angezeigt.

<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> 

und unter Code repräsentieren CSS-Klasse

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

Answer 1

try this:

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

Answer 2

try this ...

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

xhtml:

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