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="practicelist") 将 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 被动态嵌入到您的 html 代码中......所以你可以定义 css通过在 css 中使用父或子技术...

例如，

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

等等...

于 2013-03-22T05:55:14.150 回答