RichFaces a4j：commandButton的CSS滚动效果

Question

我还没有看到有用的权威性Web资源，该资源说明了如何在RichFaces JSF内容中的a4j:commandButton元素上可靠地启用翻转效果。

我发现大量的CSS资源重新按钮，但是当他们开始谈论html时，我开始怀疑在最新的Web技术中，等效的是什么。

基本上，我希望我的按钮在悬停然后在单击时看起来有所不同。 我想使用图片，但是客户端js不在此范围之内。

米

Answer 1

在下面的示例中，对a4j:commandButton使用以下属性（请查看完整列表 （v3.3.1.GA））：

<a4j:commandButton value="Submit" styleClass="ctlBtn"
                                    id="myCtlBtn" type="submit" style="margin-bottom: 5px;"
                                    reRender="allMyOtherplaces"
                                    onmouseover="this.className='ctlBtn btnHover'"
                                    onmousedown="this.className='ctlBtn btnDown'"
                                    onmouseup="this.className='ctlBtn'"
                                    onmouseout="this.className='ctlBtn'"
                                    onclick="this.className='ctlBtn btnDown'"
                                    oncomplete="this.className='ctlBtn'" />

并在包含的.css文件中创建类ctlBtn ， btnHover和btnDown 。