Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Reset checkbox style to default

I have a lot of things in a CSS file that I am using, which is why somehow my checkbox style got screwed up. I have been trying my best to make it appear like normal but I haven't had any luck. Is there any way I can reset the checkbox style to default? I did a F12 in IE and got this as the style.

The "ms-crm-Checkbox" is the class that I am using.

http://i.stack.imgur.com/bKnXR.png

like image 992
Anupam Avatar asked Feb 29 '12 09:02

Anupam


2 Answers

input[type="checkbox"] {
     -webkit-appearance: checkbox !important;
     -moz-appearance: checkbox !important;
     -ms-appearance: checkbox !important;
     -o-appearance: checkbox !important;
     appearance: checkbox !important;
}
like image 68
visualidiot Avatar answered Nov 08 '22 07:11

visualidiot


You added styles on input tag and checkbox is an input consider add styles on input.someclass or input[type="text"] not on all input elements You can also add styles on all checkbox elements

input[type="checkbox"] {
  /* styles */
}
like image 35
Vytautas Avatar answered Nov 08 '22 08:11

Vytautas