JSF 버튼에 배경 이미지 및 아이콘을 추가하는 방법은 무엇입니까?

JSF 2.0을 사용 중입니다.
JSF 버튼에 배경 이미지를 추가 할 수 있지만 버튼에 아이콘을 추가 할 수 없습니다.
JSF 버튼에 배경 이미지 및 아이콘을 추가하는 방법은 무엇입니까?

내 요구 사항은 다음과 같습니다 - 배경 이미지와 코드에 따라 아이콘이

와 JSF 버튼 배경을 추가 사용하고 있습니다.

 <!-- Discard button--> 

<h:commandButton action="discard" style="background-image: url('..\\Images\\leftMenuActiveBg.png');width: 150px;height: 30px;color: white;border-color: white;font-size: 15px; " value="#{message.discard}"> 
<rich:componentControl target="popup" operation="show" /> 
</h:commandButton>

버튼에 아이콘을 추가하는 데 도움을 줄 수 있습니까? enter image description here
더 나은 Explainanation을 달성하기 위해 이미지를 업데이트하고 있으며 위의 코드로 지금까지 달성 한 바를 이루었습니다.

출처

2012-02-16 Ashish Agarwal

두 개의 배경 이미지가있는 버튼을 원하십니까? 단일 HTML 요소에서는 불가능합니다. <h:commandButton>은 단일 HTML <input type="submit"> 요소를 생성하지만 기본적으로는 <button type="submit" class="background"><span class="icon">이 필요합니다. 해당 HTML을 정확하게 생성하는 사용자 정의 구성 요소를 작성하거나 PrimeFaces과 같이 해당 구성 요소가있는 타사 구성 요소 라이브러리를 채택해야합니다. the <p:commandButton> showcase을 참조하십시오.

출처

2012-02-16 12:50:31 BalusC

안녕하세요 BalusC : 질문을 잘못 이해했거나 미끄러지는 것 같아요. 더 나은 설명을 위해 이미지를 첨부했습니다. 이걸로 당신이 더 나은 길에서 나를 도울 수 있기를 바랍니다. 진심으로 회신을 찾고 있습니다. –

'leftMenuActiveBg.png'에는 정확히 무엇이 들어 있습니까? 아이콘이 들어 있잖아, 그렇지? – BalusC

아니 배경 이미지, 파란색 하나가 포함되어 있습니다. 이제는 아이콘을 추가해야합니다. 배경 이미지와 아이콘은 두 가지 다른 이미지입니다. –

JSF 버튼에 배경 이미지 및 아이콘을 추가하는 방법은 무엇입니까?

답변

관련 문제