将选择的下拉列表放在选择框的顶部

Question

最简单/最好的方法是将选择框的下拉列表定位为浮动在选择框的顶部，而不是像默认情况下在其下方/上方弹出一样？

这是我想要的照片：

选择中的选项数量从10到1000不等，因此仍需要滚动功能。

纯CSS3是首选，但任何其他方法（js，jquery等）也非常受欢迎。

Answer 1

您需要使用插件或编写自己的“选择框” - 如果您使用的是真正的HTML <select>，则没有跨浏览器的方式来执行此操作。