title: Is it possible to style the drop-down suggestions when using HTML5 <datalist>?
body: <p>See here: <a href="http://jsfiddle.net/zemar" rel="noreferrer">http://jsfiddle.net/zemar</a>
  (Must use Firefox or Opera to see)</p>
  
  <p>When you click on the <code>select</code>, the drop-down is styled to match, but if you start typing a term from the data-list in the text box the suggestions that appear aren't styled and therefore it doesn't match the rest of the styling.</p>
  
  <p>Is it possible to style the drop-down?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="true" data-console="false" data-babel="false">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>* {margin:0; padding:0; font-family: arial, sans-serif; font-size: 40px; font-weight: bold; color: #444;}
  body {height:100%; background:#F4F3EF;}
  .select select, .input input {background: transparent; width: 220px; overflow:hidden; height: 65px; padding-left: 5px;
      padding-bottom: 5px; -webkit-appearance: none; -moz-appearance:none; appearance:none; border:none; cursor:pointer;}
  .select select {padding-top: 5px;}
  .select, .input {float:left; width: 220px; height: 65px; margin-right: 20px; overflow: hidden; background: #ddd;
      border: 1px solid #ccc;}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;div class="select"&gt;
      &lt;select id="count"&gt;
              &lt;option value="1"&gt;A&lt;/option&gt;
              &lt;option value="2"&gt;A pair of&lt;/option&gt;
              &lt;option value="3"&gt;A few&lt;/option&gt;
              &lt;option value="4"&gt;Four&lt;/option&gt;
      &lt;/select&gt;
      &lt;/div&gt;
      &lt;div class="input"&gt;
          &lt;input type="text" id="query" list="ingredients" placeholder="lamb"&gt;&lt;/input&gt;
          &lt;datalist id="ingredients"&gt;
              &lt;option value="lamb"&gt;
              &lt;option value="beef"&gt;
              &lt;option value="chicken"&gt;
              &lt;option value="fish"&gt;
              &lt;option value="vegetarian"&gt;
          &lt;/datalist&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>