修改CSS样式

Question

我正在努力创造一种CSS风格。

这就是我所拥有的：http://jsfiddle.net/WhNRK/26/

它是为标签设计的，但现在我正在尝试修改这样的东西：

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

所以，如果我这样做，我就分手了。有人可以帮一点点吗？这是iPad的无线电按钮式。

Answer 1

更改CSS选择器以匹配新标记：

#question input:checked + div > label {

Demo

Answer 2

您只需从css中删除#question input，并将#question label的名称设为#question label。

按如下方式更改代码：

<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>