Jquery mobile 如何使复选框成为jquery mobile split con列表的列表项的一部分

我试图建立一个包含复选框和图标的列表，所以我决定使用拆分按钮列表。现在我对列表有两个问题：

复选框出现在列表项内的一个框中，我希望它是“平面”，即周围没有框

单击会使整个框变为蓝色，我只想勾选复选框

你能帮我吗

我在这里发布了一些示例代码：

//编辑2012/06/14 似乎在列表项上有一个checbox总是嵌套一个按钮。作为一种解决方法，我可以添加一个图标（data icon=“check”），但这也不起作用。。有什么建议吗

PS：我想模仿iPad/iPhone上的gmail列表： 使用我的（伪造的）jquery移动列表：

到目前为止我所尝试的：

这有用吗

---

使用Gris布局进行定位，但您仍需要调整外观和感觉

我知道这是一个旧线程，但我最近也不得不这样做。 因为第二个图像的解决方案不存在，所以我自己制作了它

清单项目包括：

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

---

你能再解释一下你想要的是什么吗？使用网格基本上是个好主意，但我正在丢失分割按钮和中间元素上的点击/触摸处理。似乎不仅对我来说是个棘手的问题；）您可以在第三个网格中添加自己的按钮

.custom {
     padding: 0;
}

.custom > div {
    margin: 0;
}

.custom > div > label {
    border-radius: 0;
    border: 0;
}