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

Question

我有一个html <button>和样式为每个primefaces <p:commandButton>。但是我没有得到悬停和活动的效果。我已经尝试使用javascript添加效果的鼠标，但仍然不能得到它。

<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>

我怎样才能做到这一点?

Answer 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>