Skiner des chekboxes

[nemesis_elite]

Salut salut,

Il y a longtemps, j'ai trouver une petit css qui permet de personnaliser les checkbox.

Voila ce que ca donne

Le CSS :

Code :

    input[type=checkbox] {
   position: absolute;
   left: -999em;
}
input[type=checkbox] + label {
   display: block;
   height: 16px;
   padding-left: 25px;
   background: url(bullet.gif) top left no-repeat;
}
input[type=checkbox]:checked + label {
   background-image: url(bullet_checked.gif);
}

Le formulaire :

Code :

<form method="post" action="/examples/checkboxes.php">
   <fieldset>
      <legend>Check some boxes</legend>
      <input type="checkbox" name="test[]" value="foo" id="foo_field"><label for="foo_field">Foo</label><br />
      <input type="checkbox" name="test[]" value="bar" id="bar_field"><label for="bar_field">Bar</label><br />
      <input type="checkbox" name="test[]" value="baz" id="baz_field"><label for="baz_field">Baz</label><br />
      <input type="submit" value="Submit" name="subm">

   </fieldset>
</form>

NemeSiS_eliTe