html - 放大自动完成文本框 JQuery Mobile

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 演示在这里