如何更改jquery移動頁面的背景顏色？

-1

我想更改jquery mobile 1.4.5頁面的背景顏色。我有谷歌周圍，並發現有些人建議作爲正確的CSS覆蓋這樣做。然而，沒有什麼適合我的。如何更改jquery移動頁面的背景顏色？

我的CSS覆蓋是我的應用程序中加載的最後一個CSS文件，所以我期望下面的類會覆蓋jqm css，但它們不會。

有沒有人知道這樣做的正確方法？

UPDATE： 查看更新後的小提琴。

CSS：

.ui-page { 
     background:#296BC1; 
} 
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper 
.ui-content { 
    background:#296BC1; 
}

來源

2015-09-15 fat fantasma

加入的.ui頁面背景屬性 –

謝謝重要！正如你所看到的，我在CSS中不是很強大。我忘了！重要的。我用適用於我的應用程序的CSS更新了小提琴。不過，我注意到jsfiddle的背景顏色只改變了內容部分的'div'區域。不是頁眉和頁腳之間的整個空間。我不確定這是爲什麼。 –

嘗試更強選擇。對於初學者：

div.ui-page-theme-a {}

的.ui-page-theme-a .ui-panel-wrapper .ui-content並不適用，因爲在.ui-page-theme-a和.ui-content之間的DOM層次結構不.ui-panel-wrapper。

如果您不清楚CSS選擇器和操作員的工作方式，請參閱reliable reference。

來源

2015-09-15 00:20:21

這爲我工作

.ui-overlay-a, 
.ui-page-theme-a, 
.ui-page-theme-a .ui-panel-wrapper { 
    background-color: #FFF !important; 
}

來源

2015-09-15 04:59:00

此代碼應工作：

.ui-page{ 
    background-color: #faaaff !important; 
}

來源

2015-09-15 06:37:53 jcarrera

試試這個

div[data-role=page][data-theme=a] { 
    background:#fff; 
}

來源

2015-09-15 07:03:28 maco

如何更改jquery移動頁面的背景顏色？

回答

相關問題