как изменить цвет фона <header>?

Question

Я использую тему "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')";
}

вот ссылка

Answer 1

Куда идет класс 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>

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

Answer 2

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

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