Невозможно изменить размер шрифта переключателя

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

Try изменения:

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

To:

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

И дайте нам знать?

Answer 2

Вы можете проверить стили с помощью Firebug (http://getfirebug.com/) и просмотреть/редактировать стили в режиме реального времени, чтобы найти решение.

Answer 3

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