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 回答