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の-UIの礼儀とは全く異なっていることがわかります。

<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> 

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

それだけでこのparticに適用されるようにid参照がある：あなたはそれをオーバーライドするCSSルールを追加したい

ular place;どこでも通常のフォントの太さを適用したい場合は削除してください。フィドル：http://jsfiddle.net/MECXW/9/