创建按钮时,ui-corner-all
始终应用该类。我尝试了以下方法:
<p:commandButton id="like" styleClass="ui-corner-right" />
但它没有用。在 Firebug 上,我看到了ui-corner-all
和ui-corner-right
:
<div id="form1:like" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-corner-right">
更新 1:
根据 JMelnik 的提示,我终于通过添加以下脚本成功地更改了ui-corner-all
to的样式:ui-corner-right
<style type="text/css">
#myForm\:likeButton .ui-corner-all {
border-radius: 6px 0px 0px 6px !important;
}
</style>
并将<p:commandButton>
内部包装<h:panelGroup>
如下:
<h:form id="myForm">
<h:panelGroup id="likeButton">
<p:commandButton />
<h:panelGroup>
</h:form>
更新 2:
感谢 BalusC 的建议,下面的解决方案应该会更好:
<style type="text/css">
.likeButton .ui-corner-all {
border-radius: 6px 0px 0px 6px !important;
}
</style>
<h:panelGroup styleClass="likeButton">
<p:commandButton />
<h:panelGroup>
最好的祝福,