При создании кнопки всегда применяется класс 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
до ui-corner-right
, добавив следующий скрипт:
<style type="text/css">
#myForm\:likeButton .ui-corner-all {
border-radius: 6px 0px 0px 6px !important;
}
</style>
и обернув
внутри
следующим образом:
<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>
С уважением,