2

私はhtmlを持っていて、<button>primefacesに従ってスタイルを設定しました<p:commandButton>。しかし、ホバーとアクティブ効果が得られません。javascript onmouse over を使用して効果を追加しようとしましたが、まだ取得できません。

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

どうすればこれを達成できますか？

4

1 に答える 1

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>
于 2014-07-22T07:32:46.703 に答える