1

グループ化されたラジオ ボタンの幅を変更する必要がありますが、変更できません。追加しようとしましたstyle=width:...pxが、うまくいきません。

jQuery Mobile と Cordova を使用しています。

どうすれば修正できますか？

HTML

<div data-role="fieldcontain" data-inline="true">
    <fieldset data-role="controlgroup" data-inline="true">
        <legend>Question1:</legend>
        <input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1"/>
        <label for="radio-choice-1">OK</label>
        <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2"/>
        <label for="radio-choice-2">KO</label>
        <input type="radio" name="radio-choice" id="radio-choice-3" value="choice-3"/>
        <label for="radio-choice-3">N.A.</label>
        <input type="text" name="name" id="basic" value=""/>
    </fieldset>
</div>
4

1 に答える 1

1

要素widthにスタイルを適用してみてください:<label>

<div data-role="fieldcontain" data-inline="true">
    <fieldset data-role="controlgroup" data-inline="true">
        <legend>Question1:</legend>
        <input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1"/>
        <label for="radio-choice-1" style="width: 100px;">OK</label>
        <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2"/>
        <label for="radio-choice-2" style="width: 100px;">KO</label>
        <input type="radio" name="radio-choice" id="radio-choice-3" value="choice-3"/>
        <label for="radio-choice-3" style="width: 100px;">N.A.</label>
        <input type="text" name="name" id="basic" value=""/>
    </fieldset>
</div>

この fiddleで結果を確認できます。

すべてのラベルを同じ幅にしたい場合は、その幅をクラスに割り当てる CSS ルールを作成してから、そのクラスをラベルに追加すると、コードの重複が減ります。

于 2012-09-05T08:33:40.497 に答える