覆蓋字體重量由jquery移動應用

我想使字體重量正常，而不是粗體，jquery移動默認情況下。覆蓋字體重量由jquery移動應用

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

來源

2012-03-15 SoulMan

你的小提琴鏈接給404錯誤，請更正它 – pkachhia 2012-03-15 07:01:04

謝謝，我更正了鏈接 – SoulMan 2012-03-15 07:07:56

如果您檢查與螢火蟲或類似的呈現的頁面，你會看到在運行時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>

你想添加一個CSS規則來覆蓋它：

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

的ID號是如此，它僅適用於本partic ular的地方;如果你想在任何地方應用正常字體重量，請將其刪除。小提琴：http://jsfiddle.net/MECXW/9/

來源

2012-03-15 07:18:29

btw。該答案也適用於列表視圖 – Daniel 2013-06-18 07:04:43

覆蓋字體重量由jquery移動應用

回答

相關問題