如何更改Primefaces评级标签';s图标?
我用了一个像这样的p:rating标签如何更改Primefaces评级标签';s图标?,primefaces,Primefaces,我用了一个像这样的p:rating标签 <p:rating id="ratingID" value="#{manageBean.clientDetails.level}" styleClass="rating"/> 但这对我不起作用 他们还有其他方法吗?我可以使用以下方法更改“打开”(黄星)图像: .rating .ui-rating-star-on a{ background-image: url("#{resource['images:new-document.png'
<p:rating id="ratingID" value="#{manageBean.clientDetails.level}" styleClass="rating"/>
但这对我不起作用
他们还有其他方法吗?我可以使用以下方法更改“打开”(黄星)图像:
.rating .ui-rating-star-on a{
background-image: url("#{resource['images:new-document.png']}") !important;
display: block;
height: 15px;
width: 16px;
background-position: center;
}
如果您还想更改其他图像,则会更加棘手。显然,在Primefaces showcase中查看示例时,我可以看到他们使用的是:
我认为,如果您只需创建与此相同的图像图片,并遵循大小(16X80),然后相应地替换图片,您就可以达到所需的效果
我还没有试过。你能试着添加吗!在你的背景图片中很重要?你是否只需要更改“开”星级(示例中的黄色)甚至“关”(灰色)?因此,最终它都只是html、css和javascript…;-)如果你这样做的话,还有照片哈哈。这能回答你的问题吗?如果是,请将其标记为已接受。谢谢
.rating .ui-rating-star-on a{
background-image: url("#{resource['images:new-document.png']}") !important;
display: block;
height: 15px;
width: 16px;
background-position: center;
}