定位HTML SELECT下拉窗口的位置

Question

定位HTML SELECT下拉窗口的位置

12

我正在使用HTML的SELECT标签，并希望确保在用户点击箭头以使窗口定位于控件的“文本框”下方。

问题是IE似乎仅根据选择随意打开窗口，但我需要确保一致的位置定位，因为页面上还有其他元素需要始终可见。

这是当前的标记：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <div style="margin-left: 5px; margin-top: 5px">
        <div style="position: relative;">
            <select style="position: absolute; top: 10px; left: 10px;">
                <optgroup label="Choice A">
                    <option value="A-A">Sub choice A</option>
                    <option value="A-B">Sub choice B</option>
                </optgroup>
                <optgroup label="Choice B">
                    <option value="B-A">Sub Choice A</option>
                    <option value="B-B">Sub Choice B</option>
                </optgroup>
            </select>
        </div>
    </div>
</body>
</html>

这是正在发生的事情

- Chris Hammond

4

这是微软非常愚蠢的设计决策。我理解其中的逻辑，但通常当我打开下拉菜单时，我希望选择与已有内容不同的选项。此外，我希望下拉菜单向下展开。 - Sumner Evans

这只是一个IE浏览器的问题吗？ - Albzi

1

看这里，它会有所帮助：http://stackoverflow.com/questions/18053645/dropdownlist-styling-in-internet-explorer - vaskort

@BeatAlex Chrome很好... - Chris Hammond

微软搞砸了用户界面？！ - Ben Racicot

显示剩余4条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- jonycheung · Accepted Answer

抱歉，我恐怕这是不可能的。问题在于：

请查看此链接：http://gregfranko.com/jquery.selectBoxIt.js/ 在选择库时，请确保选择将本机下拉菜单仍然应该工作。