CSS/HTML: How do I change the color of the check mark within the checkbox input?

views:

214

answers:

+2 Q:

CSS/HTML: How do I change the color of the check mark within the checkbox input?

How do I change the color of the check mark within an HTML checkbox input?

I believe you'll need a library like jQuery UI to handle things like that. Can't be done with CSS/HTML alone.

http://jqueryui.com/

Mathletics 2010-04-14 17:03:11

Doesn't JQuery just manipulate HTML/CSS ... in which case, implies you could does this withOUT needing JQuery. Am I wrong?

JessicaM 2010-04-14 17:07:46

who says you can't do it with CSS/HTML alone! =D

thephpdeveloper 2010-04-14 17:08:12

@Jess: You can just keep using `<input type="checkbox">` the normal way to have a fallback for the JS-disabled.

BalusC 2010-04-14 17:08:49

+7 A:

You could create a checkbox image and use that as your checkbox

Following post discusses custom input controls...

http://www.thecssninja.com/css/custom-inputs-using-css

Alexander 2010-04-14 17:03:54

Two images, one for the checked state and one for the unchecked state. Javascript could swap them for you based on a variable that you set each time the image is clicked.

JYelton 2010-04-14 17:07:09

ansaurus

tags:

views:

answers:

CSS/HTML: How do I change the color of the check mark within the checkbox input?

related questions