是否可以向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選擇框添加水平滾動條？

回答

相關問題