Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS: How do you change the color of the "check" within an HTML checkbox?

Tags:

html

css

How do you change the color of the "check" within an HTML checkbox?

By default, on WinXP Firefox/Chrome/IE - the check is green. I would like to change the check within an INPUT type="checkbox" to orange

like image 473
BillK Avatar asked Dec 20 '25 08:12

BillK


1 Answers

There's no way to do this consistently with stock inputs. Safari, for one, will never respect your tweaks.

You can use JavaScript to present styled elements that function as checkboxes. Here's one plugin that uses jQuery.

like image 114
ceejayoz Avatar answered Dec 22 '25 00:12

ceejayoz



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!