如何更改Primefaces評級標記的圖標？

我使用這樣的p：rating標籤。如何更改Primefaces評級標記的圖標？

<p:rating id="ratingID" value="#{manageBean.clientDetails.level}" styleClass="rating"/>

我想改變圖像，而不是明星。我衝浪谷歌並得到了下面的代碼。

.rating .ui-rating-star a, .ui-rating-cancel a { 
    background-image:url(../Images/fire.jpg); 
    display: block; 
    height: 15px; 
    width: 16px;  
}

但它不適合我。

他們有任何其他方式嗎？

來源

2015-09-04 0991

你可以嘗試在你的背景圖像中加入！重要嗎？ – Fritz

@Fritz無法正常工作。 – 0991

您是否需要更改僅「星級」（例如黃色）或甚至「關閉」（灰色）？ – Fritz

我能夠改變「的」使用這個（黃星）圖像：

.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展示website我可以看到這是他們使用的是什麼：

我認爲，如果你只想創建相同的圖像畫面作爲和以下尺寸（16X80）以及然後相應地更換圖片，即可達到您想要的效果。

雖然在我的最後還沒有嘗試過。

來源

2015-09-04 06:14:52 Fritz

所以最後它只是HTML，CSS和JavaScript ... ;-) – Kukeltje

和圖片，如果你在它。 ;）哈哈。這是否回答你的問題？如果確實如此，請將其標記爲已接受。謝謝。 – Fritz

如何更改Primefaces評級標記的圖標？

回答

相關問題