jquery-mobile - 如何在jQuery中改变背景颜色

Question

这是我下面的 jquery 示例代码，它使用默认视图。如何更改背景颜色？还有按钮颜色？如何使用自定义 css 文件请告诉我 jQuery Mobile 简介

    <div data-role="page">

        <div data-role="header">
           <h1>Facebook Friends</h1>
        </div><!-- /header -->

        <div data-role="content">
           <p>

           <ul data-role="listview" data-inset="true">

              <li>
              <a href="index.html">Get Friends</a>
              </li>

              <li>
              <a href="index.html">Post to Wall</a>
              </li>

              <li><a href="index.html">Send Message</a></li>
           </ul>

           </p>

        </div><!-- /content -->

        <div data-role="footer">
        </div><!-- /footer -->
    </div><!-- /page -->

</body>
         </html>

Answer 1

尝试使用主题滚轮。可在此处访问： themeroller

设置您的自定义主题并尝试将此行添加到 index.html 的标题中：

<link rel="stylesheet" href="css/themes/my-custom-theme.css" />

它应该工作。如果您想以不同的方式更改背景，请尝试将这一行添加到您的页面 div 中：

<style>body {background-color:#b0c4de;}</style>