jquery-mobileラジオボタンの凡例をリストディバイダのようにスタイル設定するには

Question

ラジオボタンをfieldsetに入れてdata-role="controlgroup"とすると、jquery-mobileはそれらをインセットリストのようにレンダリングします。私は伝説がリストビューのリストディバイダーのように見えるようにしたいと思います。

ので、代わりにこの：あなたがリストビューの内側radiogroupのを入れて、そしてためlistdividerスタイルを使用することができ

Answer 1

：

私はそのような何かをしたいと思いますタイトル。あなたが実演したのと似た結果を得るには、いくつかのパディング、マージン、およびボーダーを削除する必要があります。 http://jsfiddle.net/zdMhF/

コード：

<div data-role="page"> 
    <div data-role="content"> 
<ul data-role="listview" data-inset="true"> 
    <li data-role="list-divider">Choose a pet:</li> 
<li style="padding:0;border:0;"> 
<div data-role="fieldcontain" style="margin:0;"> 
    <fieldset data-role="controlgroup"> 
      <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" /> 
      <label for="radio-choice-1">Cat</label> 

      <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" /> 
      <label for="radio-choice-2">Dog</label> 

      <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" /> 
      <label for="radio-choice-3">Hamster</label> 

      <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" /> 
      <label for="radio-choice-4">Lizard</label> 
    </fieldset> 
</div> 
</li> 
</ul> 
</div> 
</div>​