Question

我在列表视图中使用数据过滤器，我想更改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元素自定义到listview。但我不能定制UL元素。在这里，我需要更改占位符的高度和宽度，即搜索框。

Answer 1

您可以覆盖默认的jquery移动样式。

.ui-input-search input.ui-input-text {
      height: 70px;
}

Answer 2

您可以使用纯css自定义jquery mobile中元素的高度和宽度... 事实是jquery mobile为设计提供了环境意味着css被动态嵌入到你的html代码中...所以你可以在css中使用父或子技术来定义css ...

例如，

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

依旧......

如何在Jquery mobile中自定义UL元素

2 个答案: