boiteACocher

by polinux

HTML

<input name="boiteACocher" id="cb_boiteACocher1" type="checkbox">         <label for="cb_boiteACocher1">Cochez moi.</label><br>          <input name="boiteACocher" id="cb_boiteACocher2" type="checkbox">         <label for="cb_boiteACocher2">Moi aussi !</label>

CSS

body {   background-color: #cccccc; }
label {   font-family: Futura,'Century Gothic',sans-serif; }
input[type="checkbox"] {     opacity: 0;     position: absolute;     width: 1em;     height: 1em; }
input[type="checkbox"] + label {
    background: transparent url(http://tut.polinux.net/examples/img/blackCheked_off.png) no-repeat scroll 0%;
    padding-left: 24px;
    cursor: pointer;     }
input[type="checkbox"]:checked + label {
    background: transparent url(http://tut.polinux.net/examples/img/blackCheked.png) no-repeat scroll 0%;     }