如何在鼠标悬停并且鼠标远离按钮时将图像放置在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; 
      }