如何在鼠标悬停并且鼠标远离按钮时将图像放置在primefaces按钮上?
问题描述:
我正在使用primefaces 3.5如何在鼠标悬停并且鼠标远离按钮时将图像放置在primefaces按钮上?
当鼠标悬停在按钮上方并且鼠标离开按钮时,将图像设置为按钮时出现问题。 请告诉我如何为primefaces做到这一点。
在此先感谢
答
我得到了它
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;
}