CSS checkbox be varnelės

Sveiki,

kaip būtų galima pasigaminti tokį dalyką?:

Reikia, kad būtų galima pasirinkti kelis "kvadratus" su skirtingais numeriais vietoje įprastinių checkboxų su varnelėmis. Trumpai tariant, reikia pagražinti checkboxus taip, kaip matoma paveiksliuke. Gal kas žinote kaip būtų galima tai padaryti arba galite duoti kokią nuorodą į kažką panašaus (galų gale svetainę su panašiais checkboxais, kad būtų galima pažiūrėti source)? Nes googlinau googlinau ir nieko neradau...

.checkbox { style }

.checkbox:checked { style }

taip neveikia? :rolleyes:

Jei gerai pamenu, tai

.class input[type=checkbox]:checked {style;}

Blogai gūglinai: http://cssdeck.com/labs/css-checkbox-styles - čia jau viskas ant lėkštutės. ;)

Roolis, dėkui, to nebuvau radęs. Bet vis dar nerandu kaip dar ir parašyti skaičių ant to kvadrato :/

Edit: jau radau kaip googlinti. Su toggle buttons kažką susiradau.

Naudok JQuery biblioteką ir pakeisk checkbox'us į tarkim div'us. Tuomet nustatyk, kad kaip su pele paspaudi ant div'o jo stilius pasikeičia, tarkim gali sukurti input'us su type="hidden" ir į juos sukišti reikšmes (kaip paspaudžiamas div'as JavaScript'as įrašo kokią nors reikšmę į paslėptą input'ą) tokiu būdų persiduos visi reikiami duomenys per formą. Tikiuosi supratai :)