如何自定义标题显示颜色？

我是jQuery手机新手。我试图将默认标题颜色更改为＃013A6F。如何自定义标题显示颜色？

<div data-role="header" data-theme="b"> 
    <h1> Welcome</h1> 
</div>

任何洞察??

来源

2011-06-08 peterpan

你是怎么试着改变它的？发生了什么？你满意吗？ – alexn 2011-06-08 04:42:54

我正在研究jQuery主题。我想知道应该覆盖在jQuery的主题CSS中，还是应该覆盖我的样式表？ – peterpan 2011-06-08 04:44:03

它应该在css文件夹中......至少这就是'默认'颜色用于常规jQuery themeroller – 2011-06-08 04:46:24

我认为这将是你的CSS。 [Link here]
如果是这样，请执行此操作。

.ui-bar-b h1{ 
    background-color: #013A6F; 
}

来源

2011-06-08 04:51:50 naveen

我应该对jquery.mobile.theme.css进行更改吗？ – peterpan 2011-06-08 04:57:02

@peterpan：我建议你添加一个名为'theme-addon.css'的新css。更容易维护的东西。否则，你会忘记一段时间后你改变了什么:) – naveen 2011-06-08 05:03:18

@peterpan为什么你在'.ui-bar-b'之后放了'hi'？ – 2013-04-25 12:34:29

您实际上可以轻松地添加自己的主题。

这：https://github.com/jquery/jquery-mobile/blob/master/themes/valencia/jquery.mobile.theme.css如果从项目存储库的第二组主题。要添加你自己的，你可以给他们任何你想要的标题，只要你想给他们一个字母a-z。

举例来说，如果你想增加自己的主题，“X”，它看起来是这样的：

.ui-bar-x { .... }

链接有关文件是在你有什么玩一个很好的例子。而且，正如纳文指出的那样，它是.ui-bar-？你想要玩的课程来改变标题颜色。

这里有链接的一些第三方的主题，可悲的是一些链接似乎打破 - 他们看起来相当不错，当我最初看到它：http://forum.jquery.com/topic/custom-theme-28-2-2011

来源

2011-06-08 05:06:30

这是jquery.mobile-1.0b1类.min.css，这里我已经使用了web渐变颜色＃a2cbe7 &＃6aaedb。您可以用自己的颜色代码替换它们。

.ui-bar-b{border:1px solid #456f9a;background:#6aaedb;color:#fff;font-weight:bold;text-shadow:0 -1px 1px #254f7a;background: #6aaedb; /* Old browsers */ 
    background: -moz-linear-gradient(top, #6aaedb 0%, #a1cae6 100%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6aaedb), color-stop(100%,#a1cae6)); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #6aaedb 0%,#a1cae6 100%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(top, #6aaedb 0%,#a1cae6 100%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #6aaedb 0%,#a1cae6 100%); /* IE10+ */ 
    background: linear-gradient(to bottom, #6aaedb 0%,#a1cae6 100%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6aaedb', endColorstr='#a1cae6',GradientType=0);}

来源

2013-04-20 13:00:38 Daenarys

如何自定义标题显示颜色？

回答

相关问题