Google下拉列表（选择 - ＆gt;选项）

Question

如何制作像这样的select-option元素？

Answer 1

<{1}}元素。

这将是select或类似的东西，当点击按钮时会出现在位置。

要获得此效果，请使用CSS定位元素，然后使用一些javascript / jQuery，例如：

div

Answer 2

你应该自己调查一下，特别是如果你有一个像google这样的工作示例直接在你面前。

如果不这样，那么本文将对您有所帮助：

http://theodin.co.uk/blog/jquery/fancy-select-options-jquery-css3.html

它详细解释了如何使用jQuery创建精美的选择。

永远记住要优雅地失败，否则你的网站对于没有正确设置的人来说是无用的。因此，使用常规的select-option创建你的html，这样代码就可以正常运行了一个类（比如“fancySelect”）。然后在jQuery中使用“fancySelect”选择所有项目并应用创建此新花式选择所需的更改。例如，将选项解析为正确设置样式的div并应用上面链接中详述的javascript。