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

最糟糕的情況給我一個味精，我會重建你的例子。