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