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

如果你用firebug或类似的东西检查渲染页面，你会发现在运行时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引用是这样的，它只适用于这个特定的地方;如果要在任何地方应用正常字体粗细，请将其删除小提琴：http://jsfiddle.net/MECXW/9/

覆盖jquery-mobile应用的字体粗细

1 个答案: