Javascript 谷歌翻译风格选择菜单

我想用CSS设计一个HTML选择菜单的样式，样式与Google在其上的样式类似。我在网上找过教程，但都用jQuery如何制作类似的东西，但使用CSS来设置样式？

我希望你能理解我的问题和我想描述的内容

---

谷歌的做法是让js构建一个与普通下拉框完全不同的、可设置样式的html结构，然后用css设置样式。在每种语言上使用单击事件，当您选择要在其中转换的新语言时，会编辑一些隐藏的表单元素值

您可以对jQuery和一些工作执行相同的操作

---

我希望这能澄清它是如何工作的。

如果你只想用CSS做类似的事情，那就忘了它——显然是不可能的。谷歌利用javascript实现某些功能，比如当用户选择它选择的语言时，当用户下次尝试翻译时，会有边框和不同的背景

---

如果您只是想要类似的下拉函数，那么请选中

尝试使用firebug，看看他们是如何做到的。这里有一个用@KaneBlack的html结构替换DOM的示例；这是很好的代码，虽然我会避免内联块，但您不必在JSFIDLE上内联html和body元素并使用“TidyUp”函数；）+1.谢谢你的提示。我使用了内联块，这样子级别将显示阴影，ULs将对齐。（可能应该在ULs和.sub上使用float left）