在Chrome中选择框选项突破

Question

我使用Ajax填充选择框

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

填充select的行看起来像这样

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

Firefox中没有问题 https://imgur.com/H1vx5DA,jwvpIEp#0

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

这些选项会从选择框中消失，然后在页面上疯狂。

然而，它们不会超过选择框的结束标记 https://imgur.com/E8S5I3x

那么为什么你认为这种情况发生在Chrome中，我已经尝试了我能想到的一切。 谢谢你的时间！

Answer 1

添加overflow:hidden;应该有用。

#Lessons_Select { 
    overflow: hidden; 
}

Answer 2

找到答案：

在链接的样式表中

select {
    -webkit-appearance: menulist;

弹出评论，现在一切都很好