下拉列表寬度根據內容而改變

Question

我想通過使用javascript來改變下拉列表的寬度，具體取決於內容。

示例在搜索部分的第一頁中查看亞馬遜的下拉列表。 http://www.amazon.com/ref=gno_logo

任何人都可以幫我嗎？

Answer 1

亞馬遜使用覆蓋在它有它的內容改變，以適應select菜單的價值<select>的頂部的另一個<span>元素 - 它在這個標籤使用width: auto它適合其內容。

所以實際上，亞馬遜的下拉列表是隱藏的，而單獨的span形式的「假」下拉列表取代了它。