Html 定位dropbox菜单

有没有办法定位打开的下拉菜单？我的意思是，当我点击

时，选项出现在位于所选选项上方的框中。是否有任何方法可以向下移动此选项框

情况就是这样：

我想发生的事：

此处示例：

宝马
梅赛德斯
法拉利
奥迪
法令

使用本机控件时，无法从选择中定位选项下拉框，它是内置控件的一部分。您必须创建自定义选择框来控制下拉列表的位置。

无法在Chrome 50.0.2657.0版（canary）中重现您的问题。也许这只是OSX的问题？这是有道理的，因为浏览器处理这类事情的方式不同。@Snorlax你说得对，我在OSX中，但总的来说，有什么方法可以定位这个框吗？请阅读下面Tom的答案。除非创建自定义下拉列表，否则无法移动它（这也很容易）。你甚至不需要任何花哨的图书馆。

<select>
    <option>BMW</option>
    <option>Mercedes</option>
    <option>Ferrari</option>
    <option>Audi</option>
    <option>Fiat</option>
</select>