将jquery移动页面叠加更改为不同的颜色？

Question

我在jquery mobile中有一个页面，我希望页面的整个BG都是灰色的。我将style="background: #f1f1f1;"添加到<div data-role="content">。只有一点页面是灰色的。

我打开检查员，看看：

我将其添加到我的页面样式中：

<style>
  .ui-body-c, 
    .ui-overlay-c { 
        border: none; 
        color: #000000;
        text-shadow:;
        background: #f1f1f1;
        background-image: none; 
    }
</style>

这改变了它并且工作正常，但是，它也改变了我所有其他页面的叠加，我需要使用不同的颜色。

1）如何更改此页面以使用叠加f，或h，或除c之外的任何字母，以便我可以正确设计样式？ data-content-theme=""没有做任何事情。

Answer 1

---

更新：
回顾jMobile，我看到body被赋予了'ui-overlay-XXX'类，因此您可能想要使用div标记说明符

---

你可以尝试：

background: #f1f1f1 !important;

“！important”确保无论如何都是那种颜色。

我会将其添加为

div.ui-overlay-a,
div.ui-overlay-b,
div.ui-overlay-c { background: #f1f1f1 !important; }

要确保应用于所有叠加层，请尝试使用*说明符，如下所示：

div[class*='ui-dialog'][class*='ui-overlay'] { background: #f1f1f1 !important; }