2013-01-04 2 views
1

가 나는 P를 가지고 : CommandLink는 XHTML 페이지에p : commendlink에서 테두리를 제거하는 방법?

<p:commandLink onclick="routeDeleteConfirmation.show()" title="Delete"> 
        <h:graphicImage class="deleteBinButtonLnk" /> 
        <f:setPropertyActionListener value="#{route}" 
        target="#{routeController.selectedRouteHeader}"/> 
</p:commandLink> 

CSS는 : 여기

.deleteBinButtonLnk { width: 17px; height: 19px; 
         border-style: none !important; 
         padding: 2px 2px; 
         background: url('../images/buttons/delete_bin_off.png') 
         no-repeat; 
} 

.deleteBinButtonLnk:hover{ width: 17px; height: 19px; 
          border: none; 
          background: url('../images/buttons/delete_bin_on.png') 
          no-repeat; 

는 시간의 이미지에 대한 경계를 표시 : graphicImage합니다. 테두리가 필요 없습니다.

해결 방법을 알려주십시오.

+1

이 대답이 도움이 될 것 같아요 http://stackoverflow.com/a/10224573/1692632 – Darka

답변

0

알았습니다.

styleClass 대신 <h:graphicImage>

<p:commandLink 
    styleClass="accountEditBtn" 
    update="@form" 
    actionListener="#{someBean.someListener}" 
</p:commandLink> 

CSS 클래스

.accountEditBtn { background-image: url('../resources/image/pencil_black.png'); } 
관련 문제