放大自動完成文本框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 Demo Here