2013-01-15 163 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編碼。