p : menuitem 아이콘 사용자 정의

Question

메뉴 항목에 아이콘과 같은 png 이미지 파일을 넣으 려합니다.

내가 제안하는 코드는 다음과 같습니다

는 CSS 파일이있는

<p:menuitem id="lang_en" value="English" icon="sertec-english-icon" 
    actionListener="#{langController.countryLocaleCodeChanged('en')}" ajax="false" /> 

: SRC/메인/웹 애플리케이션/자원/CSS를

template.xhtml에서

나는 줄을 추가 icons.css/:

<h:outputStylesheet name="icons.css" library="css" /> 

icons.css :

.sertec-english-icon { 
    background-image: url("resources/icons/eeuu.png") no-repeat !important; 
    width:20px; 
    height:16px; 
} 

웹 페이지의 menuitem은 다음과 같습니다 :

내가 뭘 잘못하고있어?

Answer 1

마지막으로 나를 위해 작동합니다

CSS 코드 :

.fa-sertec-spanish-icon { 
    background: url("#{resource['icons/espaniol.png']}") no-repeat !important; 
    width:20px !important; 
     height:16px !important; 
} 

아이콘 위치 파일과 같은 위치 : rootFolder/SRC/메인/웹 애플리케이션/자원/아이콘/espaniol.png

및 xtml 파일 :

참고 :의 CSS는 fa로 시작해야합니다. 그렇지 않으면 작동하지 않습니다.