如何在鼠标悬停和鼠标离开按钮时为primefaces按钮放置图像？

Question

我正在使用primefaces 3.5

当鼠标悬停并且鼠标远离按钮时，将图像设置为按钮时出现问题。 请告诉我如何为primefaces做这件事。

提前致谢

Answer 1

我明白了

XHtml代码：

    <p:commandButton icon="myIcon" styleClass="myButton"  
                     actionListener="#{routeController.createNewRoute}"
                     update=":routeHeaderForm"/>

CSS代码：

.myButton .myIcon {
                background: url('../images/add_off_18.png');
                width: 39px; height: 19px;
                left: 1%;
                margin-left:0px;
            }

          .myIcon:hover {
                width: 39px; height: 19px;
                background: url('../images/add_on_18.png');
            }

          .myButton {
                width: 39px; height: 19px;
            }