0

jQuery Mobile では、リストビュー項目の中にチェックボックスを入れようとしています。上/左/下の余分なパディングと丸い境界線を削除したい。アンカー タグの右矢印を保持したい。

アンカー タグのパディングをクリアすることで、その一部を削除することができました。firefox と chrome の要素を調べてみましたが、何がスペースを追加しているのかわかりません。入力タグが親のパディングを増やしているようです。

<ul data-role="listview" data-inset="false" data-filter="true">
  <li>
    <a href="#">Normal item</a>
  </li>
  <li>
    <a href="#" style="padding-top:0px;padding-left:0px;padding-bottom:0px;">
      <fieldset data-role="controlgroup">
        <label ><input type="checkbox" name="checkbox-0" />With Checkbox</label>
      </fieldset>
    </a>
  </li>
  <li>
    <a href="#">Normal item</a>
  </li>
</ul>

デモ用のフィドルは次のとおりです: http://jsfiddle.net/HPGGk/7/

更新：私は近いかもしれないと思います。フィールドセットがパディングを追加していると判断しました。余白を微調整したので、境界線を削除するだけです: http://jsfiddle.net/HPGGk/8/

4

1 に答える 1

1

この例を見てください。数週間前に他の人のために作成しましたが、うまくいくはずです。

例 1: クラシック チェック ボックスを使用したリストビュー:

https://stackoverflow.com/a/13564924/1848600

例 2: jQM ルック チェック ボックスを使用したリストビュー:

https://stackoverflow.com/a/13634738/1848600

最悪の場合、私にメッセージを送ってください。あなたの例を再構築します。

于 2012-12-16T15:39:00.847 に答える