如何添加primefaces按钮悬停效果到html按钮

时间:2013-03-04 13:15:51

标签: jquery css jsf primefaces

我有一个html <button>,并根据主要字段<p:commandButton>设置样式。但我没有得到悬停和积极的效果。我已经尝试使用javascript onmouse添加效果,但仍然无法获得它。

<button type="submit" id="submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" onmouseover="$(this).addClass('ui-state-hover')" onmouseout="$(this).removeClass('ui-state-hover')" onmousedown="$(this).addClass('ui-state-active')">
       <h:outputText styleClass="ui-button-text" value="Login" />
</button>

我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:1)

添加onmouseup后,它适用于我的项目;

<input jsfc="h:commandButton"
    class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only yourCSSClass"
    onmouseover="$(this).addClass('ui-state-hover')"
    onmouseout="$(this).removeClass('ui-state-hover')"
    onmousedown="$(this).addClass('ui-state-active')"
    onmouseup="$(this).removeClass('ui-state-active')"
    value="New Button" onclick="alert('Hello World!');">
    <f:ajax execute="@form" render="@none" />
</input>