title: JQuery autocomplete result style
body: <p>I'm trying to change the style from my AutoComplete result. </p>
  
  <p>I tried:</p>
  
  <pre><code>
  // Only change the inputs
  $('.ui-autocomplete-input').css('fontSize', '10px');
  $('.ui-autocomplete-input').css('width','300px');
  
  </code></pre>
  
  <p>I searches and could not find out what the class used by the result is, so that I can change its font size and maybe its width.</p>
  
  <p>Thanks.</p>
  
  <p>Using:
  <a href="http://jqueryui.com/demos/autocomplete/" rel="noreferrer">jQuery-UI AutoComplete</a></p>
  
  <p><strong>EDIT:</strong> I need change the css from my result, that comes from my JSON, not from the input. The code you posted, only changes the input, not the result. This is why I asked for the class used by the result list (at least, I believe that is a list). I tried to use fb from ff and could not find it. Thanks again for your patience.</p>
  
  <p><strong>EDIT2:</strong> I'll use the autocomplete from jQuery UI as example.</p>
  
  <p><a href="http://jqueryui.com/demos/autocomplete/" rel="noreferrer">Check this to see the jQuery-UI auto-complete page</a></p>
  
  <p>After I type "Ja" in the textbox from the front-page sample, Java and JavaScript will appear as Results, in the little box below the textbox.</p>
  
  <p><em>This</em> little box is what I want to change the CSS of. My code in the sample above only changes my textbox CSS (which I don't need at all).</p>
  
  <p>I don't know if I'm being clear now. I hope so, but if not, please let me know; I'll try harder if needed to show my problem.</p>
  
  <p><strong>The class for the UL that will contain the result items is what I need.</strong></p>
  
  <p><strong>SOLUTION</strong>
  As Zikes said in his comment on the accepted answer, here is the solution. You just need to put <code>ul.ui-autocomplete.ui-menu{width:300px}</code> in your CSS file.</p>
  
  <p>This will make all the the results box css have <code>width:300px</code> (like the sample).</p>
  
  <blockquote>
    <p>I forgot that the results object does not exist on page load, and therefor would not be found and targetted by a call to <code>$('...').css()</code>. You'll actually need to put <code>ul.ui-autocomplete.ui-menu{width:300px}</code> in your CSS file, so that it will take effect when the results are generated and inserted into the page.<br>
    – Zikes</p>
  </blockquote>