Question

我正在尝试从jquery mobile复选框中删除填充，以便它对齐left: 0px但是我无法让它工作。这是我的问题的JSFiddle：http://jsfiddle.net/jGhqS/4/

如何将jquery mobile复选框完全对齐到lefT？

Answer 1

了解如何在浏览器上打开控制台的最简单方法是，检查复选框并查看复选框中应用了哪些其他样式

jQuery mobile通过在您制作的内容周围附加和包装HTML来创建其花哨的样式，因此您的复选框输入和标签变为

<div class="ui-checkbox">
    <input id="rememberCheck" type="checkbox" checked="">
    <label id="rememberLb" for="rememberCheck" data-corners="true" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="checkbox-off" data-theme="c" class="ui-btn ui-btn-corner-all ui-btn-icon-left ui-checkbox-on ui-btn-up-c">
        <span class="ui-btn-inner ui-btn-corner-all">
            <span class="ui-btn-text">CHECK BOX</span>
            <span class="ui-icon ui-icon-shadow ui-icon-checkbox-on">&nbsp;</span>
        </span>
    </label>
</div>

所以要删除空格我复制jQuery mobile的样式并更改间距以使左边的边距变小

.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {
     left: 5px;
}

像这样 - http://jsfiddle.net/jGhqS/6/

如何从jquery移动复选框中删除填充

1 个答案: