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

Question

我正在使用 jquery mobile 为一家本地公司开发移动网站。

这是我目前的情况

到目前为止，一切顺利，但我遇到了一些问题。

1.
我不知道如何更改标题颜色。我尝试了不同的数据主题。我曾尝试使用自定义 CSS 样式表。但我所做的一切都不起作用。

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

这是实际的标题

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

标题的数据 Angular 色似乎没有做任何事情

2.
“调用我们”按钮有一个“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 中找到这个例子。