我有以下 html 代码。
<!DOCTYPE html>
<html>
<body>
<select>
<option value="volvo">Volvoooooooooooooooootooooooolargeeeeeeeeeeee</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
</body>
</html>问题是当它超出页面时，它会给出垂直滚动条。但问题是，如果该值太大，则选择框宽度会自动扩展以适应该值的宽度。但我不希望它扩大。 如果选项值太大，我希望出现水平滚动条。
我怎样才能做到这一点？
最佳答案
正如其他人所说，这是不可能的。但是，如果您的目标只是使 select 变小，同时保持选项完全可见，则选项列表上不需要滚动条。如果您通过 CSS 限制 select 的宽度，您将看到浏览器自动使选项列表的整个宽度可见。
select { width: 100px; }
编辑:参见my previous answer关于这个话题。如有必要，Firefox、Chrome 和 IE10 将使选项列表比 select 更宽，但 IE9 不会。该问题的其他答案链接到该问题，并修复了旧版 IE:Dropdownlist width in IE .
关于javascript - 是否可以向 html 选择框添加水平滚动条？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18405484/