是否可以向html选择框添加水平滚动条？

我有以下的html代码。是否可以向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>

问题是，当它超越了网页，然后它给垂直滚动条。但问题是如果值太大，则选择框宽度会自动扩展以适应值的宽度。但我不希望它扩大。 如果选项值太大，我想要一个水平滚动条来到。

我该怎么做？

来源

2013-08-23 user755806

你不能给它一个水平滚动条。你只能选择用css限制宽度，或限制选项中的文本数量。 –

你为什么想要一个水平滚动条，看起来很讨厌。只需在CSS中使用宽度进行选择即可。 – Liam

@凯文，有没有其他的选择？ – user755806

正如其他人所说，这是不可能的。但是，如果您的目标只是简化select，并保持选项完全可见，则不需要选项列表上的滚动条。如果您通过CSS限制您的select的宽度，您将看到浏览器自动使选项列表的整个宽度可见。

select { width: 100px; }

option list is wider than the select

编辑：见my previous answer在这个题目。如果需要，Firefox，Chrome和IE10将使选项列表比select更宽，但IE9不会。该问题的其他答案与旧版IE的修补程序链接到此问题：Dropdownlist width in IE。

来源

2013-08-23 14:46:38

你不能。本地控件完全由浏览器HTML呈现器控制。如果要设置下拉式样，您需要查看<select>样式插件。

来源

2013-08-23 14:38:37

不幸的是，你不能使用默认选择框做水平滚动条。您可以尝试使用类似Select2或Chosen的JavaScript替代品。这两种方法都允许您使用CSS格式化下拉选项，不过您应该可以控制自己的格式。

来源

2013-08-23 14:40:50

是否可以向html选择框添加水平滚动条？

回答

相关问题