【发布时间】：2012-01-15 16:25:35
【问题描述】：
我想做一个谷歌风格的下拉框，风格和一切。我的意思是这种类型的下拉框：
如您所见，基本的<select> 不是很好：
我尝试在 Gmail 上使用 Chrome 开发工具，但这几乎是不可能的，因为当您点击开发工具时，下拉框会消失。
有没有人知道如何复制这些内容，或者是否已经有任何在线教程（或者甚至更好 - 一个 jQuery 插件）？
我在 Google 上搜索了很多，但我只是不断地获得下拉菜单教程。
提前致谢。
【问题讨论】：
-
我猜反对票是为了……？
-
Chrome 开发工具中用于检查的两个技巧。首先，取消停靠控制台（左下角的图标）。将窗口放在下拉菜单上。然后右键单击-> 检查元素。控制台将弹出并使菜单处于下降状态。其次，在右上角有一个
toggle element state图标。您可以选择显示元素的“悬停”状态。 -
必须将其转换为 DIV 才能设置选项框的样式。像这样的东西可能适合你：jankoatwarpspeed.com/examples/reinventing-drop-down/#
-
也许对你不确定如何做的事情做一些澄清。 CSS 可用于设置菜单元素和表单元素的样式，如果您熟悉 CSS，那么实现这种外观应该很容易。
-
@mrtsherman 哇，我不知道。我总是对找到元素的状态感到沮丧。感谢这些提示！
标签： jquery css drop-down-menu