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

您只需#question input从 css 中删除并将名称命名为#question labelas #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>