jquery - JQuery モバイル検索フィルター

Question

jquery mobile の検索フィルター バーのサイズを大きくする方法を見つけようとしています。現在、次の ul タグを含むコンテンツ div があります。

<ul data-role="listview" id="alistview" data-inset="false" data-filter="true"></ul>

私の完全な作業ヘッダーは次のとおりです。

<div data-role="page" id="aPage" data-hash="false">
    <div data-role="content">   
            <h3>Header</h3>     
        <ul data-role="listview" id="alistview" data-inset="false" data-filter="true"></ul>
    </div>
</div>

私のcssでは、両方を試しました：

.ui-listview-filter{
    height: 10%;
    font-size 120%;
} 

と：

#alistview .ui-listview-filter{
    height: 10%;
    font-size 120%;
}

しかし、どちらも機能しませんでした。スタイリングに正しいクラスを使用していると確信しています。コードで Chrome で ctrl-shift-j を実行すると、ソース コードにない検索バーのコード セグメントが表示されdata-filter ="true"ます。