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')";
}

这是link

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

你没有在你的HTML中使用类ui-bar-b。所以要么像Wayne所说的那样添加类，要么通过data-theme属性更改选择器来访问元素：

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

如何更改<header>背景颜色？</header>

2 个答案: