I have a HTML form which has radio inputs range from 1 to 5:
<form> <input type="radio" name="num" value="1" checked>1 <input type="radio" name="num" value="2">2 <input type="radio" name="num" value="3">3 <input type="radio" name="num" value="4">4 <input type="radio" name="num" value="5">5 </form>
I want to convert it into a rating widget. I found a very good post with an example to convert radio inputs into a star rating widget.
Code by Stephen Morley – A star rating widget using CSS
But instead of rating by stars, i would like to create a number rating widget. So i modified the example a bit. First, create a image as follow.
icon_number_widget.png
Continue reading CSS – Number rating widget