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

pet*_*pan 6 javascript jquery jquery-mobile

我是jQuery mobile的新手.我试图将默认标题颜色更改为#013A6F.

<div data-role="header" data-theme="b">
  <h1> Welcome</h1>
</div>
Run Code Online (Sandbox Code Playgroud)

有见识吗?

nav*_*een 6

我想这将是你的CSS.[链接此处]
如果是这样,请执行此操作.

.ui-bar-b h1{
    background-color: #013A6F;
}
Run Code Online (Sandbox Code Playgroud)


J.T*_*age 5

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

这个:https://github.com/jquery/jquery-mobile/blob/master/themes/valencia/jquery.mobile.theme.css如果来自项目存储库的第二组主题.要添加自己的标题,只要您希望将它们标题为单个字母az,就可以为它们添加任何标题.

例如,如果你想添加自己的主题'x',它看起来像:

.ui-bar-x { .... }
Run Code Online (Sandbox Code Playgroud)

链接的文件是您必须使用的一个很好的例子.并且,正如naveen指出的那样,它是.ui-bar-?你想玩的类来改变标题颜色.

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