Jquery form input

For the purpose of practicing JQuery, my intention was to have a solid red 3 px border around all the开发者_运维问答 "input" of the form at this fiddle http://jsfiddle.net/mjmitche/M9R8g/

However, as you can see, there is no red border around the check boxes and radio buttons.

Can you tell me what I have done wrong?

Add a span/div with border like this to overcome lack of styling for checkboxes in browsers.

http://jsfiddle.net/M9R8g/9/

Basically checkboxes behave little bit of notoriously across browsers. You can use images to style checkboxes in a cross browser and reliable way.

Another option is to use some jquery plugin like this one.

did you want to make all input border become red? try to use class during set up the color in CSS instead of div.

But if checkbox or radio button i think you can't do that by use a default package like jquery. try to use another plugin use search engine.

Nothing: unfortunately you cannot skin radio-buttons or checkboxes (it wouldn't work if you would add a style to them in the markup either)