RichFaces a4j的CSS翻转效果:commandButton

时间:2010-03-04 19:12:25

标签: css richfaces

我没有看到一个有用的,权威的网络资源,它说明如何在RichFaces JSF内容中对a4j:commandButton元素可靠地启用翻转效果。

我已经找到了大量的css资源重新按钮,但是当他们开始谈论html时,我开始想知道在最近的网络技术中它们的等价物。

基本上我希望我的按钮在悬停时看起来不同,然后点击。我想使用图像,但客户端js不在此范围内。

1 个答案:

答案 0 :(得分:3)

将以下示例中的以下属性用于a4j:commandButtonhave a look at the full list(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文件中创建课程ctlBtnbtnHoverbtnDown