is there anyway to change background color of check box?

Question

i want to change inner background color of Checkbox i mean the white square i searched too much but the most of the article simply said create the div and change the background color of div but this method doesn't change the white square.

possible duplicate of [How to style checkbox using CSS?](http://stackoverflow.com/questions/4148499/how-to-style-checkbox-using-css) — Josh Crozier, Oct 23 '13 at 19:46
Check out a similar question for a possible solution. Hope this helps! http://stackoverflow.com/questions/1986608/css-styling-checkboxes — usernolongerregistered, Oct 23 '13 at 19:49

score 2 · Answer 1 · answered Oct 23 '13 at 19:46

Checkboxes (also radio and select) are not like other HTML elements. They're tied closely to the standard controls that are part of the operating system. You don't have much control over how they are rendered.

There are JavaScript-based alternatives (and even some clever CSS hacks that use overlays) but the controls themselves cannot be styled the way you want.

score 0 · Answer 2 · answered Oct 23 '13 at 19:50

0

Most browsers use the native checkbox style of the underlying operating system. I would use HTML/CSS/JS to create a custom checkbox, that you can style however you want.

answered Oct 23 '13 at 19:50

Hein Andre Grønnestad

6,885
2
31
43

score 0 · Answer 3 · edited May 23 '17 at 10:25

0

This is a pretty common question because checkboxes aren't typical HTML elements. Here's a pretty good answer. Know your issue isn't without solution, its just not as easy as it might be with "standard" CSS3. Here's a nice tool to generate checboxes without javascript.

edited May 23 '17 at 10:25

Community

1
1

answered Oct 23 '13 at 20:29

Kad

639
8
25

is there anyway to change background color of check box?

3 Answers3