title: Add scrollbar on dropdown menu options
body: <p>I am trying to add a scrollbar to a dropdown menu options so when user clicks the menu it won't show all the options all the way till end. I tried </p>
  
  <pre><code>&lt;select name='menu'&gt;
    &lt;option value='1'&gt;first item&lt;/option&gt;
    &lt;option value='2'&gt;second item&lt;/option&gt;
    &lt;option value='3'&gt;third item&lt;/option&gt;
    &lt;option value='4'&gt;fourth item&lt;/option&gt;
    &lt;option value='5'&gt;fifth item&lt;/option&gt;
    &lt;option&gt;........
    &lt;option&gt;........
    //I have many options.....
  &lt;/select&gt;
  </code></pre>
  
  <p>I try this css but it only works on the menu itself, not options.  </p>
  
  <pre><code>select {
  height:50px;
  overflow-y: scroll;
  }
  </code></pre>
  
  <p>Any thoughts? Thanks a lot.</p>