0

リスト ビューにデータ フィルターを使用しています。ul の検索ボックスの高さを変更したいと考えています。 

<ul id="practiceList" data-role="listview"  data-split-theme="b" data-filter="true" data-filter-placeholder="Choose the item" data-filter-theme="e" data-divider-theme="e" data-dividertheme="f" class="ui-listview ui-listview-inset ui-corner-all ui-shadow" data-inset="true"></ul>

CSS

 #page1.ui-content, #practiceList{
    min-height : 100%;
    height     : 100%;
    margin     : 5px;
    padding    : 0;
}
#practiceList.ui-li {
    height : 70px;
}
#practiceList.ui-header .ui-title {margin-right:20px;margin-left:20px;}

UL (id="practiselist") を使用して、LI 要素をリストビューにカスタマイズできます。しかし、UL 要素をカスタマイズすることはできません。ここで、プレースホルダー、つまり検索ボックスの高さと幅を変更する必要があります。

4

2 に答える 2

2

デフォルトの jquery モバイル スタイルをオーバーライドできます。

.ui-input-search input.ui-input-text {
      height: 70px;
}
于 2013-03-22T05:44:25.760 に答える
1

純粋なcssを使用してjquery mobileの要素の高さと幅をカスタマイズすることもできます...jquery mobileはデザイン用の環境を提供するということは、cssがur htmlコードに動的に埋め込まれていることを意味します...したがって、cssを定義できますCSSで親または子のテクニックを使用して...

例えば、

#page ul.ui-listview { /*Your Style*/ }
#page ul.ui-listview li.ui-li { /*Your Style*/ }

等々...

于 2013-03-22T05:55:14.150 に答える