How to make only one 'star' to be highlighted?

Mar 26, 2014 at 3:41 PM
Hello, I would like to use RateIt plugin to allow user for choosing one of three values.
Each value should be represented with a different icon.
When value 1 is selected then only the first icon should be highlighted and the rest should remain gray. And when value 3 is selected then only the third icon should be highlighted.
What should I do to achieve such effect with RateIt?
Apr 7, 2014 at 2:59 PM
RateIt doesn't support that out of the box.

Yet, if you only support whole stars (step = 1), then the CSS rule would probably do the trick.
.rateit .rateit-selected {
background-position: right -16px;
background-repeat: no-repeat;