input type checkbox design issue

Question

How to change the input type Checkbox border,background and compatible with every browser

I have used

.chkBox{
 border:1px solid red;
 background:#CC3333;
 width:15px;
 height:15px

 }

But i am not getting my desire out put.

duplicate question... stackoverflow.com/questions/4148499/… try googling a bit before posting one :-) — Gatekeeper
– Gatekeeper, Commented Apr 5, 2012 at 6:58

sandeep · Accepted Answer · 2012-04-05 06:55:02Z

1

Checkbox is one of the element that browsers tend not to let you style that much. for that you can use JS http://www.no-margin-for-errors.com/projects/prettycheckboxes/

OR

You can achieve this with css hack check this

answered Apr 5, 2012 at 6:55

sandeep

93.2k24 gold badges140 silver badges156 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rauf · Accepted Answer · 2012-04-05 07:02:35Z

0

If you can use jQuery, you can customize the check boxes. Please go here

answered Apr 5, 2012 at 7:02

Rauf

12.9k23 gold badges80 silver badges128 bronze badges