jQueryモバイルチェックボックスコントロールグループのスペーシング

Question

jQuery Mobileチェックボックスコントロールグループの設定に問題があります。以下では、チェックボックスがどのようになると予想され、どのように現在のアプリケーションにあるのかを確認することができます。明らかに、私のコントロールグループの内部の間隔は予想よりも大きく、CSSのパディングやマージンのプロパティは変更していません。

Fiddle

ページのHTMLコードは次のとおりです。

<form> 
    <fieldset class="ui-field-contain" data-role="controlgroup" data-iconpos="right"> 
        <legend>Swatch B:</legend> 
        <input type="checkbox" name="checkbox-t-2a" id="checkbox-t-2a" data-theme="a"> 
        <label for="checkbox-t-2a">One</label> 
        <input type="checkbox" name="checkbox-t-2b" id="checkbox-t-2b" data-theme="a"> 
        <label for="checkbox-t-2b">Two</label> 
        <input type="checkbox" name="checkbox-t-2c" id="checkbox-t-2c" data-theme="a"> 
        <label for="checkbox-t-2c">Three</label> 
    </fieldset> 
</form> 

Answer 1

はあなたのフィドルの "Tidyの" ボタンをクリックして、それを調整します。正しくボタンを整列する

「Confirmarは」ちょうど空のラベルを設定し、ui-btn-inlineクラス（ここでは、余分なインラインスタイリングの必要はありません）を削除します。

<div class="ui-field-contain"> 
    <label for="btnConfirmar"></label> 
    <a id="btnConfirmar" href="#popupLogin" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-icon-check ui-btn-icon-left ui-btn-a" data-transition="pop">Confirmar</a> 
</div>