我有一个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>
我怎样才能做到这一点?
答案 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>