css - 选择元素在IE中总是向上打开

标签 css html internet-explorer html-select dropdown

我有一个标准 <select>页面上的元素,它总是在 IE 11 和 Edge 中向上打开。下面有足够的空间,但它总是打开的。

编辑: 最后一项是预选的,但它在 Chrome 和 Firefox 上是向下打开的。我也想在 IE 中以这种方式工作。

screenshot

有什么想法吗?

最佳答案

如果您希望选择向下打开,一个技巧是在单击时将选择设置为 0。

document.getElementById('theSelect').onmousedown = (function() {
 this.selectedIndex = 0;
});
<select id="theSelect">
 <option value="1">one</option>
 <option value="2">two</option>
 <option value="3" selected="selected">three</option>
</select>

好吧,我承认这是一个糟糕的把戏,但至少可以做到!

关于css - 选择元素在IE中总是向上打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36415628/

相关文章:

html - 纵向模式的网站显示的标题太大

javascript - TinyMCE 生成随机 <g> 标签?

html - 在 Chrome 中设置 initial-scale=1.x 时, block 级元素之间有额外的垂直空间

jquery - 图像在 Chrome 和 IE 中消失

javascript - IE7/8中$(window)和$(document)有什么区别?

html - 悬停时更改多个 css 元素

html - 当我将鼠标悬停在导航栏中时,如何填充文本背后的背景? [HTML/CSS]

CSS 页脚使页面内容去中心化

html - IE 和 FF 呈现我的表 "unexpectedly"

HTML 文本换行与滚动