ios - 如何使用phonegap在jquery mobile中自定义data-role=header？

Question

我必须使用自定义图像背景和按钮自定义标题部分我尝试过覆盖其“.ui-header”，但无法正常工作..
那么我该如何解决这个问题呢？

<div data-role="page" id="categories" data-title="categories" data-theme="b">
<div data-role="header">
    <!-- Header Content -->
</div>

<div data-role="content">
    <!-- Content -->
</div>

<div data-role="footer">
    <!-- Footer Content -->
</div>
</div>

Answer 1

如果你想在没有 id 的情况下这样做，你可以这样做:

.ui-page-theme-a .ui-header.ui-bar-inherit {
    <css here>
}

这适用于 jqm 1.4 及更高版本。请注意，如果您使用的是不同的页面主题 (b) 或者您可能需要更改 -a 部分的自定义页面主题。