[英]How to remove the border in p:commendlink?
I have ap:commandLink in xhtml page 我在xhtml页面中有ap:commandLink
<p:commandLink onclick="routeDeleteConfirmation.show()" title="Delete">
<h:graphicImage class="deleteBinButtonLnk" />
<f:setPropertyActionListener value="#{route}"
target="#{routeController.selectedRouteHeader}"/>
</p:commandLink>
Css: 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;
here it displaying border for the images in h:graphicImage. 在这里它显示h:graphicImage中图像的边框。 i don't need border for it.
我不需要边界。
please tell a solution. 请告诉一个解决方案。
I Got it. 我知道了。
styleClass instead of <h:graphicImage>
styleClass代替
<h:graphicImage>
<p:commandLink
styleClass="accountEditBtn"
update="@form"
actionListener="#{someBean.someListener}"
</p:commandLink>
Css class CSS类
.accountEditBtn { background-image: url('../resources/image/pencil_black.png'); }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.