2013-01-15 67 views
5

我第一次实现jQuery Mobile,并且很难改变我网站的背景颜色。而不是在这里发布所有的HTML和CSS(因为它很长),你可以看看这里的来源:http://www.tommaxwell.me无法更改jQuery Mobile背景颜色?

我已经尝试将它添加到桌面媒体查询,任何媒体之外的网站正文查询,并没有运气。这很奇怪,但我以前从未使用过jQuery Mobile。

回答

16

改变你siteredesign.css这个CSS属性(确保它覆盖jquery.mobile.css):

的.ui体-C的.ui叠加-C {背景:#000; }

+2

'.ui-page {background:#2b2e31; }'也可以工作 –

1

至于改变数据本身主题的替代(的.ui体-C ..),你也可以使用其他预定义的数据主题,即主题为“一”:

<格数据 - 角色= “页面” 数据主题= “一个” >

+0

如果他想保持当前主题,这将无济于事... –

0

这个工作的主要DIV:data-role="page" data-theme="b"

-3

对于JQM定义的5个主题。

A和B和C以及D和E.

您应该为页面中的每个元素设置数据主题。没有元素的数据主题,他们的主题是“A”主题。

默认主题:

<div class="ui-content" role="main"> 

你最喜欢的主题:

<div class="ui-content" role="main" data-theme="e"> 

自定义主题颜色了这五大主题,你应该改变jquery.mobile.css文件,你应该知道的CSS编码。