Jquery form input

Question

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?

I don't think is possible using only css.

Jens
– Jens

2011-04-02 07:49:54 +00:00
Commented Apr 2, 2011 at 7:49 — Jens
– Jens, Commented Apr 2, 2011 at 7:49

johnlemon · Accepted Answer · 2011-04-02 07:57:34Z

2

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

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

answered Apr 2, 2011 at 7:57

johnlemon

21.6k45 gold badges124 silver badges181 bronze badges

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

2 Comments

harpax Over a year ago

hmm .. soz .. but i just wonder why this answer got accepted. ok: you're skinning the element surrounding the element you want to skin, but that's not what you wanted to do in the first place .. no offense though!

johnlemon Over a year ago

probably because a workaround it's better then nothing. Nobody likes to hear: there's not way to do this.

Myth · Accepted Answer · 2011-04-02 07:52:18Z

1

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.

answered Apr 2, 2011 at 7:52

Myth

1,6025 gold badges16 silver badges25 bronze badges

Comments

klox · Accepted Answer · 2011-04-02 07:54:39Z

1

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.

answered Apr 2, 2011 at 7:54

klox

2,09311 gold badges39 silver badges66 bronze badges

Comments

harpax · Accepted Answer · 2011-04-02 07:51:51Z

0

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)

answered Apr 2, 2011 at 7:51

harpax

6,1265 gold badges38 silver badges49 bronze badges

1 Comment

Leahcim Over a year ago

but it worked for the person who's running the tutorial that I'm following. I also added two more commands that worked for the tutor at this fiddle jsfiddle.net/mjmitche/M9R8g/6 but they don't work for me.

Collectives™ on Stack Overflow

Jquery form input

4 Answers 4

2 Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related