How to get .focus action on a checkbox button??? 1

[BobMCT]

Gents;

In my css I have a section that reads:

/* Set Input Box Background Color */
input:focus {
background-color: #fafad2;
}

and this piece of css sets the background of each field as it is being entered (i.e.: focused). However, for checkbox fields this does not happen.

Is there a way to alter the appearance of a checkbox when the focus is placed on it? I cannot seem to find it even with my friend (google).

Anyone?

 

[Vragabond]

There isn't much styling that checkboxes accept. Look here to see what you can do across different browsers:

http://www.456bereastreet.com/lab/styling-form-controls-revisited/checkbox/

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[BobMCT]

Thanks Vragabond;

Saved me a bunch of time and kept me from thinking I was going crazy. Looks like what I have is what I've got.

Gratis;

 

[Vragabond]

What you could do is style the label tag you use with the checkboxes. You are able to highlight that tag any which way you want, and with proper coding, clicking the label will perform exactly the same function as clicking the checkbox itself.

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]