jquery - 删除 JQuery Mobile 中输入周围的填充边框

Question

我想结合一个复选框和一个拆分视图（http://jsfiddle.net/rogergl/sAzbv/）。

 <ul data-role="listview" data-inset="true">
    <li> <a>
            <input data-iconpos="right" name="checkbox-h-6a" id="checkbox-h-6a" type="checkbox">
                <label for="checkbox-h-6a">One</label>
            </input>
    </a>
        <a href="#" data-icon="info" onclick="alert('Hello')">
            This is a link
        </a>
    </li>
</ul>

到目前为止，我无法删除填充/边距和边框。是否可以删除输入元素周围的填充/边距和边框？

我目前的工作解决方案是使用 onclick 事件处理程序并在事件处理程序中设置图像。但我想知道是否有更简单的解决方案。

Answer 1

jQuery mobile 有大量默认样式，您必须通过更具体的 CSS 选择器来覆盖这些样式。下面的例子：

#yourDiv a .ui-checkbox .ui-btn-icon-right .ui-btn-inner