title: How to add vertical scrollbar to select box options list?
body: <p>I need vertical scrollbar for select box options list. I have to show only first few items of the list. I don't have any control over number of items in the list. </p>
  
  <p>I have checked all similar questions here and nothing worked out. Anyway to do that?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.wrapper{
  width:200px;
  padding:20px;
  height: 150px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
  
  
  &lt;div class="wrapper" &gt;&lt;select name="" id="" class="form-control"&gt;
          &lt;option value=""&gt;One&lt;/option&gt;
          &lt;option value=""&gt;Two&lt;/option&gt;
          &lt;option value=""&gt;Three&lt;/option&gt;
          &lt;option value=""&gt;Four&lt;/option&gt;
          &lt;option value=""&gt;Five&lt;/option&gt;
          &lt;option value=""&gt;Six&lt;/option&gt;
          &lt;option value=""&gt;Seven&lt;/option&gt;
          &lt;option value=""&gt;Eight&lt;/option&gt;
          &lt;option value=""&gt;Nine&lt;/option&gt;
          &lt;option value=""&gt;Ten&lt;/option&gt;
      &lt;/select&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>