1

xhtml ページに ap:commandLink があります

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

ここでは、h:graphicImage の画像の境界線を表示しています。私はそれに国境を必要としません。

解決策を教えてください。

4

1 に答える 1

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'); }
于 2013-01-31T13:47:09.660 に答える