Asal yüzlerdeki menü öğesi için özel simge

Question

Menü öğesi için özelleştirilmiş simge eklemeliyim. lütfen bana öneren var mı? Simgeyi CSS sınıfını kullanarak ayarlıyorum ama görüntülenmiyor.

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

ve kodunun altına

bu deneyin css sınıfı

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

Answer 1

temsil: ...

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

Answer 2

bu deneyin

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

xhtml:

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