Question

我有以下搜索文本框中嵌入的自动完成列表的定义：

<div data-role="page" id="page1">
    <div data-role="content">
    <font size="6px">
        Customer: 
        <ul id="autocomplete_customer" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Find a customer..." data-filter-theme="d"></ul>
    </font>
    </div>
 </div>

问题是搜索文本框的大小非常小。我该怎么放大呢？可能是一些jquery或css技巧？

感谢。

Answer 1

我认为这就是你所追求的 -

<div data-role="page" id="page1">
    <div data-role="content">
        <div style='font-size:18px;padding-bottom:15px;'>Customer:</div> 
        <ul id="autocomplete_customer" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Find a customer..." data-filter-theme="d">
            <li><a href="acura.html">Acura</a></li>
            <li><a href="audi.html">Audi</a></li>
            <li><a href="bmw.html">BMW</a></li>
        </ul>
    </div>
 </div>

$(function () {
    $('form input[data-type="search"]').css('height', '75px');
});

jsFiddle Demo Here

放大自动完成文本框JQuery Mobile

1 个答案: