將select的下拉列表放在選擇框的頂部

Question

將選擇框的下拉列表置於浮動在選擇框頂部而不是默認情況下僅彈出/上方的最簡單/最佳方法是什么？

這是我想要的圖片：

選擇中的選項數量從10個到超過1000個不等，因此仍然需要滾動功能。

純CSS3是首選，但是任何其他方法（js，jquery等）也非常受歡迎。

Answer 1

您需要使用插件或編寫自己的“選擇框”-如果您使用的是真正的HTML <select> ，則沒有跨瀏覽器的方法。