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

Question

我正在尝试构建一个包含复选框和图标的列表，因此我决定使用拆分按钮列表。现在我的列表有 2 个问题：

1. 复选框出现在列表项中的一个框中，我希望它是“扁平的”，即周围没有框
2. 点击导致整个框变成蓝色，我只想勾选复选框

你能帮我解决这个问题吗？

我在这里发布了一些示例代码：http://jsfiddle.net/JY6EV/2/

//编辑 2012/06/14 似乎在列表项上有一个复选框总是嵌套一个按钮。作为一种工作方法，我可以添加一个图标 (data-icon="check") 但这也不起作用.. 有什么建议吗？

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

到目前为止我尝试了什么：http://jsfiddle.net/JY6EV/8/

Answer 1

我知道这是一个旧线程，但我最近不得不这样做。 由于没有第二张图的解决方案，我自己做了。

列表项：

<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;
}

Answer 2

这行得通吗？

• http://jsfiddle.net/JY6EV/10/

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