css - 如何在 Jquery Mobile 中自定义 UL 元素

Question

我在 ListView 中使用数据过滤器，我想更改 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;
}