Javascript jquery移动可折叠复选框列表

我使用jquery mobile在弹出窗口中创建了一个可折叠的复选框列表

问题是列表项和复选框的左侧有一个标识（空白）。 我如何才能摆脱这个空白，并保留100%的可折叠容器的复选框？

---

感谢您在弹出窗口中给出如下标记：

<div data-role="collapsible" data-collapsed="false">
    <h4>Heading</h4>
    <ul data-role="listview" id="myList">
        <li>
            <label>
                <input type="checkbox" name="checkbox-0" />Check me
            </label>
        </li>
        <li>
            <label>
                <input type="checkbox" name="checkbox-1" />Check me
            </label>
        </li>
       <li>
           <label>
               <input type="checkbox" name="checkbox-2" />Check me
           </label>
       </li>
    </ul>
</div>

这里有一个

---

您应该查看调试器，找出哪个元素正在应用缩进，然后重写css。

#myList li {
    padding: 0;
    border: 0 !important;
}
#myList li .ui-checkbox {
    margin: 0;
 }
#myList li .ui-checkbox label {
    border-radius: 0 !important;
}