title: Is it possible to add an horizontal scroll bar to an html select box?
body: <p>I have below html code.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;body&gt;
      &lt;select&gt;
        &lt;option value="volvo"&gt;Volvoooooooooooooooootooooooolargeeeeeeeeeeee&lt;/option&gt;
        &lt;option value="saab"&gt;Saab&lt;/option&gt;
        &lt;option value="opel"&gt;Opel&lt;/option&gt;
        &lt;option value="audi"&gt;Audi&lt;/option&gt;
        &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
        &lt;option value="saab"&gt;Saab&lt;/option&gt;
        &lt;option value="opel"&gt;Opel&lt;/option&gt;
        &lt;option value="audi"&gt;Audi&lt;/option&gt;
        &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
        &lt;option value="saab"&gt;Saab&lt;/option&gt;
        &lt;option value="opel"&gt;Opel&lt;/option&gt;
        &lt;option value="audi"&gt;Audi&lt;/option&gt;
        &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
        &lt;option value="saab"&gt;Saab&lt;/option&gt;
        &lt;option value="opel"&gt;Opel&lt;/option&gt;
        &lt;option value="audi"&gt;Audi&lt;/option&gt;
        &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
        &lt;option value="saab"&gt;Saab&lt;/option&gt;
        &lt;option value="opel"&gt;Opel&lt;/option&gt;
        &lt;option value="audi"&gt;Audi&lt;/option&gt;
        &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
        &lt;option value="saab"&gt;Saab&lt;/option&gt;
        &lt;option value="opel"&gt;Opel&lt;/option&gt;
        &lt;option value="audi"&gt;Audi&lt;/option&gt;
        &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
        &lt;option value="saab"&gt;Saab&lt;/option&gt;
        &lt;option value="opel"&gt;Opel&lt;/option&gt;
        &lt;option value="audi"&gt;Audi&lt;/option&gt;
      &lt;/select&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The problem is when it goes beyond the page then it gives vertical scroll bar. But the problem is if the value is too large then select box width is auto expanded to accommodate the width of the value. But i don't want it to expand. <strong>I want a horizontal scrollbar to come if the option value is too large</strong>. </p>
  
  <p>How can I do that?</p>