如何在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/

更新：我想我可能会接近。我确定fieldset正在添加填充。我调整了利润率，现在我只需要删除边框：http://jsfiddle.net/HPGGk/8/

Answer 1

在这个例子看看，我让他们几个星期前的一些人，但他们应该为你工作：

例1：列表视图与经典的复选框：

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

例2：列表视图与JQM看复选框：

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

最糟糕的情况给我一个味精，我会重建你的例子。