Modifying a CSS style

Question

I'm struggling creating a CSS style.

This is what I've got: http://jsfiddle.net/WhNRK/26/

It was designed for a label, but now I'm trying to modifying for something like this:

<input type='radio' name='mcq' id='radio-choice-1' value='1' /> 
<div class='container'>
<label for="radio-choice-1" onclick="">Choice 1</label>
</div>

So if I did this, I broke up the design. Someone can help a little bit? This is a radiobutton style for an iPad.

What is the problem/question?

Musa
– Musa

2013-01-18 05:34:57 +00:00
Commented Jan 18, 2013 at 5:34 — Musa
– Musa, Commented Jan 18, 2013 at 5:34
What style are you trying to apply to which element?

Ravi Y
– Ravi Y

2013-01-18 05:36:09 +00:00
Commented Jan 18, 2013 at 5:36 — Ravi Y
– Ravi Y, Commented Jan 18, 2013 at 5:36

sachleen · Accepted Answer · 2013-01-18 05:35:31Z

3

Change the CSS selector to match your new markup:

#question input:checked + div > label {

Demo

answered Jan 18, 2013 at 5:35

sachleen

31.2k8 gold badges82 silver badges75 bronze badges

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

Comments

Yehuda Katz · Accepted Answer · 2013-01-18 07:21:34Z

1

You just remove #question input from your css and make the name of #question label as #question label.

Change the code as follows:

<div id='question'><form name='mcForm'>
  <div class='container'>
    <input type='radio' name='mcq' id='radio-choice-1' value='1' /> 
    <label for="radio-choice-1" onclick="">Choice 1</label>
  </div>
</div>

edited Jan 18, 2013 at 7:21

Yehuda Katz

28.7k12 gold badges91 silver badges92 bronze badges

answered Jan 18, 2013 at 6:55

Krishna Raj Salim

7,3885 gold badges38 silver badges68 bronze badges

Collectives™ on Stack Overflow

Modifying a CSS style

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related