如何更改jquery移动页面的背景颜色?

时间:2015-09-15 00:16:17

标签: html css jquery-mobile

我想更改jquery mobile 1.4.5页面的背景颜色。我有谷歌周围,并发现有些人建议正确的css覆盖这样做。但是,没有什么对我有用。

我的CSS覆盖是我的应用程序中加载的最后一个CSS文件,因此我希望下面的类覆盖jqm css,但它们不会。

有人知道正确的方法吗?

以下是JSfiddle

更新 见更新小提琴。

CSS:

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

3 个答案:

答案 0 :(得分:0)

这对我有用

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

答案 1 :(得分:0)

此代码应该有效:

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

答案 2 :(得分:0)

试试这个

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