Niestandardowa ikona dla pozycji menu na podkładach głównych

Question

Muszę dodać niestandardową ikonę dla pozycji menu. proszę, ktoś mi sugeruje? Ustawiłem ikonę przy użyciu klasy CSS, ale nie wyświetla się.

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

i poniżej kodu reprezentują klasę CSS

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

Answer 1

spróbuj tego:

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

Answer 2

spróbować ...

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

xhtml:

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