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

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/) 检查样式并实时查看/编辑样式以找到解决方案。