Style Checkboxes Cross-Browser in Windows

Problem: IE does not support styling form checkboxes

The solution is to use Unicode characters in a font that is present in all Windows versions since Windows 98 according to Microsoft — “Lucida Sans Unicode.” CSS styling can now be applied to the checkbox character as with any text. Tested in IE 5.0+, Firefox 1.06 and Opera 8. This technique needs script to correctly interpret user actions so it would be appropriate only in controlled application environments.

☐	001	Miguel	Spain	male	28	married
☐	002	Paula	USA	female	39	married
☐	003	Magdalene	Canada	female	42	single
☐	004	Paulo	Italy	male	30	single
☐	005	Pavel	Russia	male	48	married
☐	006	Juana	Mexico	female	28	married

Tests by CSS-Discuss list fellow members show that Unicode support is not as dependable as desired. Here is an IE-only solution which is very reliable, using the Wingdings font that is present in every default Windows system.

« Examples page