jquery - AppMobi后台问题

Question

基本上我正在尝试设置背景颜色(或图像)。我正在用 HTML CSS 和 JQuery Mobile 编写。

我正在尝试创建一个基本的 AppMobi 应用程序，但我似乎无法在以下示例中更改我的背景:

    <div data-role="page" id="page">
    <div data-role="header" data-theme="c">
        <h1>Page One</h1>
    </div>
    <div data-role="content" data-theme="c">    
        <ul data-role="listview" data-theme="b">
            <li><a href="#page2">Page Two</a></li>
            <li><a href="#page3">Page Three</a></li>
            <li><a href="#page4">Page Four</a></li>
            <li><a href="#page3" data-role="button" data-icon="delete">Delete</a></li>
        </ul>       
    </div>
    <div data-role="footer" style="position:fixed; bottom:0;" data-theme="c">
        <h4>Page Footer</h4>
    </div>
</div>

我已尝试同时更改 HTML 和 CSS 中的背景，但我似乎无法更改第 1 页(示例)的背景颜色。第 1 页包括 4 个按钮和一个“粘性页脚”。按钮显示在屏幕顶部，但按钮或列表和页脚之间的内容不会改变颜色。我尝试在页眉和内联中编写 HTML 或 CSS。

我怎样才能改变这个“div” block 的背景颜色？

提前致谢

Answer 1

您的问题与 AppMobi 无关，但通常与 JQuery Mobile 相关。

JQuery Mobile 的工作方式是加载内容，然后“处理”它并应用样式。发生的情况是 JQuery Mobile 正在覆盖您的默认 CSS 样式。打开 JQuery Mobile CSS 文件并在那里进行更改。