如何從jquery移動複選框中刪除填充

Question

我想從jquery移動複選框中刪除填充，以便其對齊left: 0px但是我無法讓它工作。這裏是我的問題的JSFiddle：http://jsfiddle.net/jGhqS/4/

如何將jquery移動複選框完全對齊lefT？

Answer 1

找出如何在您的瀏覽器中打開您的控制檯，檢查複選框，並看到其他樣式被應用到複選框

的jQuery移動通過追加和包裝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移動的風格，改變了間距，使左側小

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

保證金

這樣 - http://jsfiddle.net/jGhqS/6/