CSS Styling for Checkboxes/Radio Buttons, works for IE9+ Look at the example: http://jsbin.com/AQoVENa/5/edit?html,css,output

checkboxes.css

input[type="checkbox"] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
input[type="checkbox"] + label {
    position: relative;
}
input[type="checkbox"]:focus + label {
    outline: 1px solid orange;
}
input[type="checkbox"] + label span.checkbox {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: orange;        
    cursor: pointer;
    position: absolute;
}
input[type="checkbox"] + label span.labeltext {
  padding: 0 0 0 20px;  
}
input[type="checkbox"]:checked + label span.checkbox {
    background: green;
}

index.html

<input id="abc" type="checkbox" value="" />
<label for="abc">
  <span class="checkbox"></span>
  <span class="labeltext">Labeltext</span>                             
</label>