如何更改gd評分星星顏色

Question

在gd星級評分插件中，他們拍攝一張css sprite圖片以顯示星星的狀態，並調整其寬度以顯示項目評分的星星數量。

例如在背景中使用圖片「gd-star-rating/stars/oxygen/stars20.png」。

例如，我有3顆星，所以需要60px的寬度。

.starsbar.gdsr-size-20 a.s3 { 
width: 60px; 
} 

和全球代碼：

.gdsr-oxygen .starsbar.gdsr-size-20 a:hover { 
background: url('../stars/oxygen/stars20.png') repeat-x 0px -20px !important; 
} 

我的問題是，我該如何使用我的自定義圖像這些恆星的顏色改變？我想有

紅 - 1星 黃色 - 2星級

逐步，綠色爲5星。

是否可以實現？

Answer 1

您可以添加或更改對明星類，並應用基於該使用更爲具體的樣式：

.gdsr-oxygen .starsbar.gdsr-size-20 a { 
    background: url('../stars/oxygen/stars20.png') repeat-x 0px -20px !important; 
} 

.gdsr-oxygen .starsbar.gdsr-size-20 a.red { 
    background: url('../stars/oxygen/stars20_red.png') repeat-x 0px -20px !important; 
} 

您還可以擴展原有精靈並改變其位置，以顯示紅色或黃色的星星：

.gdsr-oxygen .starsbar.gdsr-size-20 a.red { 
    background-position: 0px -40px !important; 
}