Question

I have a check box like this: fiddle

<input type="checkbox" value="False" id="abc">

and in my css file:

#abc { background-color: Red; }

I want to modify it to make it so that when it’s checked it becomes more visible, the background changes or I get a very thin border around the outside. But is seems like almost no css properties apply to this checkbox. I can’t even change the height or size of font?

Can some person give me advice how I can change things with it.

Answer 1

It’s browser-specific. You won’t see anything in FF or Chrome, but you will on Opera, for example. Generally the background color and border are the styles you can effect if it’s a browser that supports it, but I don’t have an exhaustive list off the top of my head if there are more.