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
– BoltClock, Commented Jan 5, 2011 at 4: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
– manu, Commented Jan 5, 2011 at 4:29

Eric Fortis · Accepted Answer · 2011-01-05 04:31:05Z

18

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

answered Jan 5, 2011 at 4:31

Eric Fortis

17.5k6 gold badges44 silver badges63 bronze badges

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

1 Comment

Thanks a lot, i was having a lot of trouble as i was using border and it was not working

Joe Enos · Accepted Answer · 2011-01-05 04:31:05Z

0

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

answered Jan 5, 2011 at 4:31

Joe Enos

40.6k11 gold badges86 silver badges144 bronze badges