无法改变jQuery Mobile的背景色?

时间:2013-01-15 05:20:14

标签: jquery css jquery-mobile

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

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

4 个答案:

答案 0 :(得分:16)

在siteredesign.css中更改此css属性(确保它覆盖jquery.mobile.css):

.ui-body-c,.ui-overlay-c {background:#000; }

答案 1 :(得分:1)

作为更改数据主题本身(.ui-body-c ..)的替代方法,您还可以使用另一个预定义的数据主题,即主题“a”:

< div data-role =“page”data-theme =“a”>

答案 2 :(得分:0)

这适用于主要的div:data-role="page" data-theme="b"

答案 3 :(得分:-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编码。