1

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

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

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

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

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

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

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

4

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 回答