Переопределить вес шрифта, примененный jquery-mobile

Question

Я пытаюсь сделать шрифт шрифтом нормальным, а не полужирным, что делает jquery mobile по умолчанию.

<div id="cont" data-role="fieldcontain"> 
    <label for="select-choice-1" class="select">Choose shipping method:</label> 
    <select style="font-weight: normal" name="select-choice-1" id="select-choice-1"> 
     <option value="standard">Standard: 7 day</option> 
     <option value="rush">Rush: 3 days</option> 
     <option value="express">Express: next day</option> 
     <option value="overnight">Overnight</option> 
    </select> 
</div> 

Я попытался как с встроенным стилем и JavaScript

$('#select-choice-1').css("font-weight", "normal"); 

Но никто не работал, он все еще показывает полужирным. Пожалуйста, предложите, как сделать его незакрепленным.

http://jsfiddle.net/neilghosh/MECXW/6/

Answer 1

Если вы проверяете обработанную страницу с поджигатель или подобное, вы бы увидели, что в HTML структуру выполнения довольно сильно отличается от исходного HTML, любезно JQuery-интерфейса, который создает довольно поле:

<span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true"> 
    <span class="ui-btn-text">Standard: 7 day</span> 
    <span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span> 
</span> 

Вы хотите добавить правило CSS, чтобы переопределить его:

#cont .ui-btn-text{font-weight:normal;}​ 

ссылка идентификатор, так что это относится только к этому уча ular место; удалите его, если хотите повсеместно применять нормальный шрифт. Fiddle: http://jsfiddle.net/MECXW/9/