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

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

3 голосов
/ 15 марта 2012

Я пытаюсь сделать шрифт нормальным, а не жирным, как это делает 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/

1 Ответ

5 голосов
/ 15 марта 2012

Если вы проверите визуализированную страницу с помощью 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;}​

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

...