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>