PrimeFaces: как переопределить класс CSS

При создании кнопки всегда применяется класс 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>

С уважением,

5
задан Mr.J4mes 21 June 2012 в 11:14
поделиться