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

在JQuery Mobile中删除填充输入边框

1 个答案: