CSS Checkbox propose une grande variété de styles de checkbox afin de trouver celui qui vous convient. Reposant sur des images et du CSS, vos cases à cocher « new look » seront compatibles sur tout navigateur.

En plus de styles plus conventionnels représentant des marques ou des croix, vous pourrez aussi retrouver les styles utilisés par des sites connus comme Google ou Reddit.

Tous les styles sont téléchargeables en une archive unique ou à l’aide d’un générateur pour ne récupérer que celui qui nous interresse. Le générateur vous permettra également de récupérer le code html et la feuille de style correspondante.

Exemple de personnalisation d’une checkbox verte :

<label class="css-label" for="demo_box_1">Option #1</label>

Et pour ce qui est du CSS:

input[type=checkbox].css-checkbox{ display:none; }
input[type=checkbox].css-checkbox + label.css-label{
	padding-left:20px;
	height:15px;
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label{ background-position: 0 -15px; }
.css-label{ background-image:url(http://csscheckbox.com/checkboxes/lite-green-check.png); }

Source

fringilla elit. at sed accumsan sit vel, ut id in justo commodo