title: CSS for autocomplete widget
body: <p>I want to use the autocomplete-widget from jqueryui.com (code below)
  As you can see, they are using an external style sheet to make a good style.</p>
  
  <p>How can I change the style of the "autocomplete-box"? Whats the id or class? Of course the autocomplete-suggestions aren't formatted.</p>
  
  <pre><code>&lt;link rel="stylesheet" href="/resources/demos/style.css"&gt;
  &lt;script src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $( function() {
  var availableTags = ["test1", "test2", "test3"];
  $( "#tags" ).autocomplete({
    source: availableTags
   });
  } );
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
   &lt;div class="ui-widget"&gt;
   &lt;label for="tags"&gt;Tags: &lt;/label&gt;
   &lt;input id="tags"&gt;
   &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>For more see here: <a href="http://jqueryui.com/autocomplete/#default" rel="nofollow noreferrer">http://jqueryui.com/autocomplete/#default</a></p>