可能的重复:
修复选项中长文本的大小下拉菜单(IE 中的视图受限) https://stackoverflow.com/questions/4258723/fix-size-drop-down-with-long-text-in-options-restricted-view-in-ie
下拉列表在 IE8 上无法正常工作。长文本选项会被截断。 Firefox 和 Chrome 工作正常,并根据最长选项的文本调整列表窗口。
以下 HTML 是一个示例:
<html>
<body>
<select STYLE="width: 150px" onchange="javascript:window.open(this.value)">
<option value="week1.html">option 1</option>
<option value="week2.html">many characters are here in option 2</option>
<option value="week3.html">option 3</option>
</select>
</form>
</body>
</html>
StackOverflow 中的另一个线程 https://stackoverflow.com/questions/682764/select-dropdown-with-fixed-width-cutting-off-content-in-ie建议使用基于 css 的解决方案:
select:focus {
width: auto;
position: relative;
}
但是我无法理解如何在 HTML 中使用这些选项。这是正确的方法吗?如果是这样,我应该如何使用它?还有其他想法可以让 IE8 中的下拉列表像 Firefox 中那样动态调整大小吗?
谢谢。
IE8 不支持 :focus CSS 选择器。请参阅以下链接,了解浏览器支持的 css 功能的完整列表。
http://www.quirksmode.org/css/contents.html http://www.quirksmode.org/css/contents.html
最好的选择是使用 jQuery 或其他 js 框架来复制缺少的功能。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)