相关疑难解决方法(0)

定位HTML SELECT的下拉窗口

我正在使用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>

Run Code Online (Sandbox Code Playgroud)

这是最新发生的事情