10

これは、標準のチェックボックスのコードです。

<fieldset data-role="controlgroup">
        <legend>Agree to the terms:</legend>
        <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
        <label for="checkbox-1">I agree</label> 
</fieldset>

チェックボックスのラベル（テキスト）を右側または固定の「px」位置に設定するにはどうすればよいですか？

align-rightまたはのようなものright: 50px

4

6 に答える 6

6

必要なラベルにスタイルを追加するだけです

<label for="checkbox-1" style="float:right">I agree</label>
于 2013-02-05T12:21:12.683 に答える
2

classname次のように、ラベルのまたはIDを追加します。

<label for="checkbox-1" class="chkbox">I agree</label>

次に、クラスのcssルールを追加します。

 .chkbox {
   padding-left: 10px;
   font-weight: bold;
 }

ラベルには、パディング、ボーダー、または好きなスタイルを付けることができます。

デモ：デモフィドル

于 2013-02-05T12:21:28.797 に答える
1

このコントロールがhtmlファイルにある場合

<label for="2">Laparoscopic surgery</label>
<input type="checkbox" name="question" value="14" class="clickable" id="2"  />

これはcssで行うだけで十分です。

.clickable{
    float: left;
}
于 2014-12-05T22:01:22.540 に答える
0

jqueryを使用する

$(function(){ 
 $('label[for="checkbox-1"]').css({right: 50});
});

また

$('label[for="checkbox-1"]').css({'margin-left': 50});

ここをいじる

于 2013-02-05T12:17:57.700 に答える
0

入力フィールドとラベルの幅を固定し、それらをフロートさせます。

例えば：

input {
   width: 200px;
   float:left;
}

label {
   width:300px;
   float:left;
}

その後、フロートをクリアします。

于 2013-02-05T12:28:06.010 に答える
0

チェックボックスを右に、ラベルを左にフロートさせ、ラベルの位置を絶対に設定します。

    <input type="checkbox" name="question" value="14" class="clickable" id="2"  
    style="float: left;"/>
    <label for="2" style="float: right; position: absolute;">Laparoscopic 
    surgery</label>

ラベルのないボックスの右側にラベルテキストを配置しただけでは、クリックしたときにチェックボックスがオンになりません。

于 2017-11-29T15:52:59.923 に答える