0

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 用のラジオボタン スタイルです。

4

2 に答える 2

3

新しいマークアップに一致するようにCSSセレクターを変更します。

#question input:checked + div > label {

デモ

于 2013-01-18T05:35:31.270 に答える
1

#question inputcss から削除して、 #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>
于 2013-01-18T06:55:22.953 に答える