在选择框中设置选项的宽度

Question

我的下拉列表需要不超过100px宽。

但是，选择框中的选项需要以200px显示。

有没有办法让选择框变小，选项大？

目前，选择框和选项的宽度相同;

到目前为止，我已尝试过各种组合;

select.treeItem.Destination { width:130px; } 
select.treeItem.Destination option {width:auto;}

Answer 1

我认为这就是你所需要的。

这是一个IE 6-8特定的问题，其中一些小的JavaScript可以解决这个问题。

 <!--[if lt IE 9]>
 <script>
 var el;

$("select")
.each(function() {
el = $(this);
el.data("origWidth", el.outerWidth()) // IE 8 padding
})
.mouseenter(function(){
$(this).css("width", "auto");
})
.bind("blur change", function(){
el = $(this);
el.css("width", el.data("origWidth"));
});
</script>
<![endif]-->

有关脚本的更多信息，请访问此处 - http://css-tricks.com/select-cuts-off-options-in-ie-fix/