jquery-mobile - jQuery移动单选按钮控制组流体宽度

Question

为了在 jquery mobile 中创建流畅的水平单选按钮，我必须覆盖哪些类？

Answer 1

“流体水平单选按钮”是什么意思？

也许这可以帮助你，它是 JQM 正文元素的备忘单。

这是一个例子：

<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
    <legend>Choose:</legend>
        <input type="radio" name="radio" id="radio1" value="1" checked="checked" />
        <label for="radio1">option 1</label>
        <input type="radio" name="radio" id="radio2" id="radio2" value="2"  />
        <label for="radio2">option 3</label>
        <input type="radio" name="radio" id="radio3" id="radio3" value="3"  />
        <label for="radio3">option 4</label>
</fieldset>
</div>

它看起来像这样：

Answer 2

<fieldset data-role="controlgroup"  data-type="horizontal"  >
        <input type="radio" name="nemprunteurs" id="nemprunteurs1" value="1"  checked="checked">
        <label for="nemprunteurs1">1 emprunteur</label>
         <input type="radio" name="nemprunteurs" id="nemprunteurs2" value="1"  >
       <label for="nemprunteurs2">2 emprunteurs</label> 
</fieldset>

解决

#blocemprunteur  .ui-controlgroup-controls { width: 100% !important; }
#blocemprunteur .ui-radio{width:50% !important;}