修改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 {

演示

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>