How can I make a checkbox bigger?

Question

My web page uses checkboxes. They appear very small. I tried to make them bigger by using \"font-size: 1.5em\". This didn\'t seem to change them at all.

Is there a

Answer 1

Perhaps it seems a little too obvious, but it works:

input[type='checkbox'] {
    width: 30px;
    height: 30px;        
}

It works as you might expect on IE and Chrome, and even though it doesn't look like it's bigger on Firefox you still get a larger hit box: