Блог

Я использую тему «b» для моего тега заголовка. Я пытался изменить цвет, но, похоже, не сработало.

 .ui-bar-b{
    background: #054066;
    background-image: -moz-linear-gradient(top, 
                            #054066, 
                            #00578e);
    background-image: -webkit-gradient(linear,left top,left bottom,
        color-stop(0,       #054066),
        color-stop(1,       #00578e));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00669d', EndColorStr='#00578e')";
}
  

вот ссылка

Куда девается класс ui-bar-b? Кажется, это работает.

 <div data-role="header" data-theme="b" class="hn-wrapper ui-bar-b">
  

Jquery был бы

 $('.ui-bar-b').css('background-image', '-moz-linear-gradient(top, 
                            #00009d, 
                            #00578e);');
  

Я бы разместил классы заголовков внутри относительной позиции div

 <div style="position:relative; ... specify size">
<div data-role="header" data-theme="b" class="hn-wrapper ui-bar-b-ie" style="position:absolute;">
<div data-role="header" data-theme="b" class="hn-wrapper ui-bar-b-webkit">
</div>
</div>
</div>
  

Чтобы избежать головной боли в разных браузерах и проблем с браузером против браузера.

вы не используете класс ui-bar-b в своем html. итак, либо добавьте класс, как сказал Уэйн, либо измените селектор, чтобы получить доступ к элементу через атрибут data-theme:

 ul[data-theme='b']{
...
}