title: How to style autocomplete dropdown list
body: <p>I am looking for a pure HTML / CSS solution. Everything I have found so far involves plugins (jquery usually).</p>
  
  <p>I want to be able to style the "autocomplete suggestions dropdown box" (I don't know what it is really called so I tried to describe it). </p>
  
  <p>For example I have</p>
  
  <p>CSS</p>
  
  <pre><code>input[type=search] {
          background: none;
          font-weight: bold;
          border-color: #2e2e2e;
          border-style: solid;
          border-width: 2px 2px 2px 2px;
          outline: none;
          padding:10px 20px 10px 20px;
          width: 250px;
  }
  </code></pre>
  
  <p>The "autocomplete dropdown box" is the traditional simple white box with it's own default font. I don't know what to target in my CSS to update this.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="search"&gt;
          &lt;form method="GET" action="events"&gt;
                  &lt;div id="search_field_container"&gt;
                          &lt;input name="city" id="search_input" type="search" placeholder="City, ST"&gt;
                  &lt;/div&gt;
                  &lt;input type="submit" value="Find"&gt;
          &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>