Полоса прокрутки для размера 0 выпадающего списка в HTML

Question

Невозможно получить горизонтальную / вертикальную полосу прокрутки для выпадающего списка с размером = "0". Спросите: нужна полоса прокрутки, если элемент опции слишком большой.

<select style="width:50px">
  <option value="">I am to big, I need Horizontal scrollbar</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Answer 1

Вы имеете в виду такую ​​горизонтальную полосу прокрутки?

.container {
  width: 50px;
  overflow: auto;
}

<div class="container">
  <select>
    <option value="">I am to big, I need Horizontal scrollbar</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </select>
</div>