Desidero avere una casella di controllo grande con una larghezza di 16px e un'altezza di 16px. Non voglio dover usare un plugin JavaScript. Questo può essere fatto con i moderni CSS?Come posso creare una casella di controllo con larghezza e altezza di 16px?
Il primo collegamento è specifico per i moduli Wufoo. E va notato che alcuni browser (Explorer meno di 9) non saranno in grado di utilizzare le tecniche nel tuo secondo link. – Sparky
Ho pensato che non possiamo usare le parole CSS moderno e IE insieme :) e wufoo produce ancora HTML inclusi gli elementi checkbox, quindi la tecnica si applica a prescindere. –
Ho solo pensato di indicarlo se non fosse ovvio per nessuno. – Sparky
È possibile disattivare l'aspetto casella di controllo di default con aspetto proprietà in CSS e dopo che lo stile in qualsiasi modo ti piace con i bordi, sfondo-immagini ecc:
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
Per applicare lo stile al passaggio del mouse e gli stati controllati, utilizzare:: hover,: checked e: hover: pseudoclassati controllati.
Un altro modo è quello di utilizzare trasformare proprietà per ingrandirla:
-webkit-transform: scale(1.6,1.6);
-moz-transform: scale(1.6,1.6);
-o-transform: scale(1.6,1.6);
Pure CSS: 'ingresso [type = checkbox] {width: 16px; height: 16px} ' –