下拉列表宽度根据内容而改变

Question

我想通过使用javascript来改变下拉列表的宽度，具体取决于内容。

示例在搜索部分的第一页中查看亚马逊的下拉列表。 http://www.amazon.com/ref=gno_logo

任何人都可以帮我吗？

Answer 1

亚马逊使用覆盖在它有它的内容改变，以适应select菜单的价值<select>的顶部的另一个<span>元素 - 它在这个标签使用width: auto它适合其内容。

所以实际上，亚马逊的下拉列表是隐藏的，而单独的span形式的“假”下拉列表取代了它。