谷歌翻译风格选择菜单

Question

我希望使用CSS设置HTML选择菜单的样式，其格式与Google在Google Translate (translate.google.com)上的样式类似。我在线寻找教程，但一切都使用jQuery。 如何制作与此类似的内容，但使用CSS进行样式设计？

我希望你能理解我的问题以及我想要描述的内容。

Answer 1

google做的是让js从普通的下拉框中构建一个完全不同的，可以样式化的html结构，然后用css设置样式。在每种语言上使用点击事件时，在您选择要翻译的新语言时，会编辑一些隐藏的元素值。

您可以使用jQuery执行相同操作。

我希望这能说明它是如何运作的。

Answer 2

如果你想用CSS制作类似的东西那么就算了 - 简直不可能。 Google使用javascript来执行某些功能，例如当用户选择语言时，它会被选中，并且当用户下次尝试翻译时会有不同的背景。

如果您只想要类似的下拉功能，请检查here