javascript - html 中大小为 0 的下拉列表的滚动条

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>