如何在jquery mobile中自定义标题颜色？

Question

我正在使用jquery mobile在本地公司的移动网站上工作.

这是我到目前为止所拥有的

到目前为止,它已经很好,但我遇到了一些问题.

1.
我不知道如何更改标题颜色.我尝试过不同的数据主题.我试图使用自定义CSS样式表.但我没有做任何事情.

编辑 - 好的,显然head标签没有得到像页面其他部分那样的数据角色.所以我删除了.但我仍然需要弄清楚如何改变颜色.我为它写的CSS似乎被覆盖了.

这是实际的标题

<div data-role="header" data-theme="c">

看起来标题的数据角色不做任何事情

2.
call us按钮有一个'href'标签,可以让你拨打电话.问题是,自从我把它放在那里,它就会在盒子周围创建一个非常明显的链接样式.这是一个截屏

如何阻止这种风格？我已经尝试过CSS来阻止它.

a:link {color:#FF0000;}    /* unvisited link */
a:visited {color:#00FF00;} /* visited link */

这些工作,但仅限于页面底部的可扩展列表.为什么它们不适用于所有按钮？

Answer 1

标题背景颜色

我给你一个有用的例子:http://jsfiddle.net/Gajotres/5VWuy/

.ui-page .ui-header {
    background: #112233 !important;
}

如果您只想在特定页面上更改它,请将.ui-page替换为页面ID,如下所示:

#index .ui-header {
    background: #112233 !important;
}

按钮问题

在这种情况下,请勿使用按钮包装标签.带有data-role ="button"的标签是按钮,所以你可以这样做:

<a href="tel:8149413000" data-role="button" rel="external" data-theme="c" data-icon="custom-phone" data-iconpos="top">Call Us</a>

你可以在我之前的jsFiddle中找到这个例子.