logo
  Checkbox
  Een mooie checkbox met css... weer eens anders dan die gewone vierkantjes. Je moet alleen HIER even de clipart downloaden.


 
IN DE CSS
.example{
margin-bottom : 1.5em;}
input[type=checkbox]:not(old){
width : 28px;
margin : 0;
padding : 0;
opacity : 0;}
input[type=checkbox]:not(old) + label{
display : inline-block;
margin-left : -28px;
padding-left : 28px;
background : url('checks.png') no-repeat 0 0;
line-height : 24px;}
input[type=checkbox]:not(old):checked + label{
background-position : 0 -24px;}

 
TUSSEN DE BODY TAGS
<input id="checkbox1" type="checkbox" name="checkbox" value="1">
<label for="checkbox1">Option 1</label><br>
<input id="checkbox2" type="checkbox" name="checkbox" value="2">
<label for="checkbox2">Option 2</label><br>
<input id="checkbox3" type="checkbox" name="checkbox" value="3">
<label for="checkbox3">Option 3</label><br>

 
eind