Question

我希望减少单选按钮中字体的大小，因为它们在移动应用上占用了太多空间。我尝试做内联样式，但它没有用。我正在使用jquery mobile 1.3，当我使用jquery mobile 1.2时，我没有问题改变字体大小。任何帮助将不胜感激。

<div data-type="horizontal">
                <fieldset class="ui-grid-a">
                    <legend>I am a </legend>
                    <div class="ui-block-a">
                         <input type="radio" name="rad-User-Type-1" id="rad-User-Type-1" value="driver" checked="checked" data-theme="c" />
                         <label for="rad-User-Type-1"style="font-size:12px" >Driver</label>
                    </div>
                    <div class="ui-block-b">
                         <input type="radio" name="rad-User-Type-1" id="rad-User-Type-2" value="passenger"  data-theme="c"/>
                         <label for="rad-User-Type-2" style="font-size:12px">Passenger</label>
                    </div>                    
                </fieldset>

            </div>

Answer 1

您可以使用Firebug（http://getfirebug.com/）检查样式并实时查看/编辑样式以找到解决方案。

Answer 2

尝试更改：

<label for="rad-User-Type-1"style="font-size:12px" >Driver</label>

要：

<label for="rad-User-Type-1"style="font-size:12px !important" >Driver</label>

请告诉我们？

Answer 3

.ui-radio-on .ui-btn-text, .ui-radio-off .ui-btn-text{
    font-size:13px;
}

无法更改单选按钮的字体大小

3 个答案: