Checkbox size in HTML/CSS?

Question

Is it possible to set the size of a checkbox using CSS or HTML? `width` and `size` work under IE6+ but not with Firefox, where the checkbox stays 16x16 even if I set a smaller size.

Answer 1

You can try the "transform: scale(n)" css rule as such:

input[type=checkbox] {

/* increase size in 1.5; target different browsers via vendor prefix */

-ms-transform: scale(1.5); /* IE */

-moz-transform: scale(1.5); /* FF */

-webkit-transform: scale(1.5); /* Safari and Chrome */

-o-transform: scale(1.5); /* Opera */

transform: scale(1.5);

}

I hope this helps