I want add some css on input checkbox

Question

I want add some css on input checkbox for all browsers (chrome, firefox, ie - 6 7 8) if jquery is the last option please do let me know and must supporting for all browsers

can anyone help how can i do that..?

That's the similare question, see answer at : http://stackoverflow.com/questions/1120879/css-checkbox-input-styling — Ema.H, Aug 22 '13 at 13:14

score 4 · Answer 1 · answered Aug 22 '13 at 12:08

4

Use an attribute selector

[type=checkbox] {
    /* some rules */
}

answered Aug 22 '13 at 12:08

Quentin

857,932
118
1,152
1,264

not working you rules Quentin do you have any other option...? – Ayush Shrestha Aug 22 '13 at 12:18
It [works fine here](http://jsbin.com/AgOfUVO/1/edit?html,output) – Quentin Aug 22 '13 at 12:20

score 0 · Answer 2 · answered Aug 22 '13 at 12:07

0

$("#checkboxid").css({'height':'12px;'width':'12px;etc});

reference css

answered Aug 22 '13 at 12:07

Rituraj ratan

9,947
8
33
52

1

If the checkbox has an ID why would you use jQuery over just selecting it with css as normal? – harryg Aug 22 '13 at 12:13
i am giving an idea that how add dynamic css by jquery – Rituraj ratan Aug 22 '13 at 12:14
not working your rules kk do you have any other option...? i tired your too but it comes error with red mark – Ayush Shrestha Aug 22 '13 at 12:23
removeetc in my code it is for just a demo and give name od fyour css property which you want to apply i will give you all set code thanks @ShresthaBros – Rituraj ratan Aug 22 '13 at 12:26
this is my html code please have a look
Epic / Historical
– Ayush Shrestha Aug 22 '13 at 12:32
but in this where you apply css – Rituraj ratan Aug 22 '13 at 12:36
i can change that from style but its not compatible for all browser i need to see my style on ie7 and ie8 too – Ayush Shrestha Aug 22 '13 at 12:41

I want add some css on input checkbox

2 Answers2