在 Chrome 中选择框选项突破答案

【问题标题】：Select box option breakout in Chrome在 Chrome 中选择框选项突破
【发布时间】：2015-01-04 19:10:46
【问题描述】：

我正在使用 Ajax 填充选择框

<select size="5" style="width: 500px" name="Lessons_Select[]" id="Lessons_Select"  multiple>
</select>

填充选择的行如下所示

document.getElementById("Lessons_Select").innerHTML=xmlHttp.responseText;

在 Chrome（版本 38.0.2125.111）中，我看到了这个 https://imgur.com/H1vx5DA,jwvpIEp#1

选项从选择框跳出并在页面下方疯狂。

但是，它们不会越过选择框的结束标记 https://imgur.com/E8S5I3x

那么，为什么您认为 Chrome 会发生这种情况，我已经尝试了所有我能想到的方法。感谢您的宝贵时间！

【问题讨论】：

【解决方案1】：

找到答案：

在链接的样式表中

select {
    -webkit-appearance: menulist;

弹出评论，现在一切正常

【讨论】：

【解决方案2】：

添加overflow:hidden; 应该可以。

#Lessons_Select { 
    overflow: hidden; 
}

【讨论】：