title: Style Autofill or Autocomplete Default Browser Dropdown
body: <p>Is there some type of css prefix, plugin, javascript, or jquery that allows you to style the default browser autocomplete/autofill <strong>dropdown</strong>. Not for a search field... but for <code>&lt;input type="email"&gt;</code></p>
  
  <p>I already use <code>input:-webkit-autofill</code>, <code>input:-webkit-autofill:hover</code>, and <code>input:-webkit-autofill:first-line</code> to change the appearence of the yellow background, the font-family, color, etc. (in Chrome)</p>
  
  <p>Now I'm trying to override the default look of the <strong>dropdown</strong> - which is generated by your browser.</p>
  
  <ol>
  <li><p>I'm trying to customize the appearence, text color, :hover color, font, etc. for all Username/Email autofill dropdowns.</p></li>
  <li><p>I do not want to specify a data-list, or have any prefdefined variables...</p></li>
  <li><p>I do not want to turn <code>autocomplete="off"</code></p></li>
  </ol>
  
  <p>I use <strong>dropkick.js</strong> to customize all of my <code>&lt;select&gt;</code> dropdowns - and change them into <code>&lt;ul&gt;</code> elements.</p>
  
  <p>I am wondering if something like this exists for customizing all the other autofill or autocomplete dropdowns in a similar way.</p>
  
  <p><strong>Is this even possible?</strong></p>
  
  <p><img src="https://i.stack.imgur.com/4MQa1.png" alt="Concept"></p>