在jQuery Mobile中自定义主题标题栏

Question

我有一个简单的问题。我想在jQuery mobile中设置标题栏的样式。具体来说，我想设置条形的高度并添加背景图像。我怎样才能做到这一点？

先感谢您

Answer 1

这就是我处理它的方式。而不是实际将H1放在data-role =“header”中，只需直接插入一个

<div class="ui-title"></div>

然后将这样的内容添加到您的自定义CSS中。

.ui-header .ui-title{
    margin: 0.3em 70px 0.7em 10px;
    background-image:url(../images/logo-page.png);
    background-repeat:no-repeat;
    background-position:0 0px;
    width:178px;
    height:40px;
 }