如何删除listview中输入标记周围的填充和边框？

Question

在jQuery Mobile中，我试图在listview项目中放置一个复选框。我想删除顶部/左侧/底部以及圆形边框上的额外填充。我希望保留锚标记的右箭头。

我设法通过清除锚标记的填充来删除一些。我已经尝试检查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/

Answer 1

看看这个例子，我几周前为其他人做了一些，但它们应该适合你：

示例1：带有经典复选框的Listview：

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

示例2：带有jQM外观的Listview复选框：

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

最糟糕的情况向我发送一个消息，我将重建您的示例。