jquery - jquery mobile site 底部有一个灰色条

Question

我正在构建网站的移动版本。我已经弄清楚了大部分内容，但屏幕底部仍然有一个 20 像素的灰色条，我似乎无法设置样式。

我只想将灰色条设为白色。

我尝试使用 {background:#fff !important;} 设置 #content、#footer、header、footer、body 的样式，但它们都不起作用。

如果我放 * {background:#fff !important;} 它会起作用，但它也会将所有其他背景图像 CSS 更改为白色。

我敢肯定有一种更简单的方法，有什么建议吗？

示例：http: //2ndsky.org/chatime_m/index.html

Answer 1

继续@Davor 的上述评论：

尝试像这样覆盖。.ui-body-c, .ui-overlay-c { 背景色：白色；背景图像：无；}

请重新检查我的 CSS 的语法。

Answer 2

使用萤火虫我发现这是导致灰色底部。

.ui-body-c, .ui-overlay-c {
    background: linear-gradient(#F9F9F9, #EEEEEE) repeat scroll 0 0 #F9F9F9;
    border: 1px solid #AAAAAA;
    color: #FF0000;
    text-shadow: 0 1px 0 #FFFFFF;
}