在jqm 1.2.0 iOS设备中的单选按钮上拉伸单选按钮

Question

我想将水平单选按钮设为屏幕的整个宽度，我指的是http://jquerymobile.com/demos/1.2.0/docs/forms/radiobuttons/，我的代码如下：

     <div> 
 <fieldset data-role="controlgroup" data-type="horizontal"> 
 <input type="radio" name="radio-choice-1" id="spent_money_1" value="choice-1" checked="checked" /> <label for="spent_money_1">Spent Some $</label>
 <input type="radio" name="radio-choice-1" id="made_money_1" value="choice-2"/>
 <label for="made_money_1">Made Some $</label> 
 </fieldset>
 </div>

我尝试在div，fieldset和input中放置style =“width：100％”，但也没有帮助。请欣赏任何建议。谢谢！

干杯， 标记

Answer 1

我一直有同样的问题。添加以下CSS对我有用。

这种情况适用于4个单选按钮，所以我使用25％宽度的ui-radio。

.ui-controlgroup-controls
{
    width:100%;
}
.ui-radio {
    width:25%;
}

Answer 2

在一般情况下，您不想指定宽度（在1.3.0中工作）

.ui-controlgroup-controls
{
    display: table;
    width: 100%;
}

.ui-controlgroup-controls .ui-radio
{
    display: table-cell;
    float: none;
}