Agrandir Auto-Texte complet Boîte JQuery mobile

Question

J'ai la définition suivante de la liste complète-automatique intégré avec zone de texte de recherche:

<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> 

Le problème est que le texte de recherche taille de la boîte est très faible. Comment puis-je l'agrandir? peut-être un certain jquery ou astuce css?

Merci.

Answer 1

Je pense que c'est ce que vous êtes après -

<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