Untitled

dabblet.css

.wrapper:hover label{
		background-position:left bottom;
	}
	label{
		background:url('http://img833.imageshack.us/img833/5959/stard.png') no-repeat left bottom;
		float:right;
		line-height:20px;	
		padding-left:20px;
		height:15px;
	}
	input:checked+label,.wrapper:hover label:hover,.wrapper:hover label:hover~label{
		background-position:0px -1px;
	}
	input:checked~label{
		background-position:0px -1px;
	}	
	input{
		display:none;
	}
	.wrapper{
		float:left;
	}

dabblet.html

<div class="wrapper">	
		<input type="radio" name="radiobutton" id="star-1"/><label for="star-1"></label>
		<input type="radio" name="radiobutton" id="star-2"/><label for="star-2"></label>
		<input type="radio" name="radiobutton" id="star-3"/><label for="star-3"></label>
		<input type="radio" name="radiobutton" id="star-4"/><label for="star-4"></label>
		<input type="radio" name="radiobutton" id="star-5"checked="checked" /><label for="star-5"></label>	
</div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}