css - 当鼠标悬停并远离按钮时，如何为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;
            }