checkbox checked

dabblet.css

/**
 * checkbox checked 
 */
div{display:inline-block;padding-top:100px}
label{ padding:15px; margin:50px; border-radius:10px; font-size:50px}
input[type=radio]{ position: absolute; top: -9999px;	left: -9999px; }
input[type=radio]  ~ label {	background:red;}
input[type=radio]:checked  ~ label {	background:green;}

dabblet.html

<div class="form-item form-type-radio">
<input type="radio" id="edit-field-pt-boolean-checkbox-one-und-0" value="0" name="foo">  
<label for="edit-field-pt-boolean-checkbox-one-und-0">what</label>
</div>

<div class="form-item form-type-radio">
<input type="radio" id="edit-field-pt-boolean-checkbox-one-und-1" value="0" name="foo">  
<label for="edit-field-pt-boolean-checkbox-one-und-1">ever</label>
</div>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}