1

チェックボックスとアイコンを持つリストを作成しようとしているので、分割ボタン リストを使用することにしました。今、私はリストに2つの問題があります:

  1. チェックボックスはリスト項目内のボックスに表示されます。「フラット」にしたい、つまり、ボックスの周りにはありません
  2. クリックするとボックス全体が青くなり、チェックボックスだけにチェックを入れたい

それを手伝ってもらえますか？

ここにサンプルコードを投稿しました：http://jsfiddle.net/JY6EV/2/

//編集 2012/06/14 listitem にチェックボックスがあると、常にボタンが入れ子になっているようです。回避策として、アイコン (data-icon="check") を追加できますが、これも機能しません。何か提案はありますか?

PS: iPad/iPhone で gmail リストを模倣したい: iOS の Google メール リスト (偽の) jquery モバイル リストを使用:gmailのjquery模倣

これまでに試したこと: http://jsfiddle.net/JY6EV/8/

4

2 に答える 2

2

これが古いスレッドであることは知っていますが、最近同じことをしなければなりませんでした。2枚目の画像の解法が無いので自作しました。

リスト項目:

<li>
    <a href="#" class="custom">
        <input type="checkbox" name="cb1" id="cb1" />
        <label for="cb1">checkbox 1</label>
    </a>
    <a href="#"></a>
</li>

CSS:

.custom {
     padding: 0;
}

.custom > div {
    margin: 0;
}

.custom > div > label {
    border-radius: 0;
    border: 0;
}
于 2014-04-23T19:05:39.833 に答える
0

これは機能しますか？

配置には Gris レイアウトを使用しますが、ルック アンド フィールを微調整する必要があります。

于 2012-06-14T03:45:32.753 に答える