CSS: Modificare margin e padding alle checkbox nelle vecchie versioni di Internet Explorer

Cercando di modificare il margin e il padding alle checkbox (chiamate anche caselle di spunta o caselle di controllo) nei browser più moderni non ci sono problemi e si riescono ad applicare.
Nelle vecchie versioni di Internet Explorer (dalla versione 8 in poi il problema è stato risolto, ma in Internet Explorer 7 e precedenti il problema sussiste) il margin e il padding non viene assegnato correttamente alle checkbox.
Per risolvere questo problema bisogna utilizzare un trucco che non dà problemi agli altri browser e che mantiene valido il codice CSS. Basta, infatti, assegnare alle checkbox cui si vogliono modificare il margin o il padding una larghezza attraverso il parametro width.
Ecco un esempio di come utilizzare il trucco per assegnare il margin e il padding alle checkbox nelle vecchie versioni di Internet Explorer (ho utilizzato 13 pixel come larghezza, perché è la larghezza standard delle checkbox nella maggior parte dei casi):
<input type="checkbox" class="checkbox_da_allineare" />

.checkbox_da_allineare{
	margin: 0;
	padding: 0;
	width: 13px;
}

Guida scritta da il 01/02/2012.

Le ultime guide della categoria CSS:

comments powered by Disqus