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：带有 jQ​​M 外观复选框的 Listview：

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

最坏的情况给我发一条消息，我将重建你的例子。

于 2012-12-16T15:39:00.847 回答