更改IE中下拉列表控件的下拉宽度,而不更改控件本身的宽度

时间:2010-11-09 21:33:37

标签: internet-explorer drop-down-menu

我有一个下拉列表,其中包含的项目比我为该控件设置的宽度要宽。

所需的行为是Chrome处理它的方式:下拉列表宽度指定控件在页面上占用的空间,而下拉列表本身则与读取下拉列表中的项目所需的宽度相同。

我在IE中遇到问题(我使用的是v.8,但我也需要与IE7兼容):下拉列表的宽度始终与控件的宽度一样宽。

我在这里尝试过@BalusC的解决方案:Dropdownlist width in IE但是这会改变控件本身的宽度。 接受答案同时已过时且有404个链接。

这个问题可能与以下内容重复:DropDownList width in Internet Explorer,但接受的答案并没有真正帮助我(而且它已经超过一年了)。

我希望有一些新的见解。

那么,是否可以在不更改控件本身宽度的情况下更改IE中下拉列表控件下拉列表的宽度?

1 个答案:

答案 0 :(得分:0)

遇到同样的问题,我花了很多时间搜索并得出结论,这是不可能的。各种论坛和网站上建议的最常见解决方案是根据内容宽度动态更改控件宽度。不幸的是,这可能(并且可能会)破坏页面布局。最后,我刚刚创建了一个带有下拉式背景图像的div,以及打开绝对定位div的绑定onclick事件,该行为就像一个列表。在里面我放置了更改背景颜色的段落标签(列表项):悬停(列表项 - 突出显示)和onclick事件。

如果使用jQuery,它可以在包括IE6在内的所有主流浏览器中使用。