CSS Border for checkbox

Question

I am applying a style for a checkbox from jQuery

$("#reg_checkbox").css("border","thin solid red");

The border works fine in IE but not in mozilla , how can I make it browser compatible ?

Styling checkboxes has been very unreliable across browsers (likewise can be said for radio buttons, selects, etc). — BoltClock, Jan 05 '11 at 04:26
Ok , but the problem is i am validating user inputs and for input boxes all goes bright red this checkbox is also between texts , so i should put a map saying that look here s a checkbox check it (frustrated with this !) — manu, Jan 05 '11 at 04:29

score 18 · Accepted Answer · answered Jan 05 '11 at 04:31

18

$('#reg_checkbox').css('outline-color', 'red');
$('#reg_checkbox').css('outline-style', 'solid');
$('#reg_checkbox').css('outline-width', 'thin');

answered Jan 05 '11 at 04:31

Eric Fortis

Thanks a lot, i was having a lot of trouble as i was using border and it was not working – Muhammad Ahsan Jul 24 '13 at 20:01

score 0 · Answer 2 · answered Jan 05 '11 at 04:31

0

First result on Google - seems like this one worked for them:

answered Jan 05 '11 at 04:31

Joe Enos

2 Answers2