title: How to Customize a multiple Select box using CSS
body: <p>Is there a way to customize a single selection box with multiple open options using only CSS? I have looked everywhere and I can't seem to find any immediate joy :( My code will be adding options to a select box based on searches but for simplicity sake, I've just inserted that sample to show what it will look like. Was wondering if you could change the background-color, color when hovered, animations etc. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="album"&gt;
  &lt;select id="albumPicker" size="5"&gt;
    &lt;option&gt;1&lt;/option&gt;
    &lt;option&gt;2&lt;/option&gt;
    &lt;option&gt;3&lt;/option&gt;
    &lt;option&gt;4&lt;/option&gt;
    &lt;option&gt;5&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thank you for your time!</p>