谷歌翻譯樣式選擇菜單

我想用CSS風格的HTML選擇菜單與谷歌在Google Translate (translate.google.com)上的樣式相似。我在網上尋找教程，但一切都使用jQuery。 我怎樣才能做出類似的東西，但使用CSS來設計它呢？谷歌翻譯樣式選擇菜單

我希望你能理解我的問題和我想描述的內容。

Select menu from Google Translate

嘗試使用Firebug，看看「如何」他們這樣做是 – salahy

這裏有DOM替換@KaneBlack小號HTML結構的一個例子。 http://jsfiddle.net/sg3s/EcxP3/ – sg3s

什麼谷歌確實是有JS建立正常下拉框中，然後用CSS風格完全不同，風格能夠HTML結構。在每種語言中使用點擊事件時，會在您選擇要翻譯的新語言時編輯一些隱藏的表單元素值。

你可以用jQuery和一些工作來做同樣的事情。

我希望這能說明它是如何工作的。

2011-10-01 18:16:37 sg3s

如果你想用CSS做類似的事情，那麼就忘了它 - 不可能。谷歌利用JavaScript的某些功能，如用戶選擇語言，它會被選中，並將有邊界和不同的背景，當用戶下次嘗試翻譯。

如果你只是想類似的下拉功能，然後檢查here

2011-10-01 18:28:17

這是很好的代碼，儘管我會避免內聯塊，你不必在jsfiddle上包含html＆body元素並使用'TidyUp'函數;）+1 。 http://jsfiddle.net/sg3s/GjxUX/1/ – sg3s

感謝您的提示。我使用了內聯塊，以便子級別將顯示陰影並且UL將符合要求。（可能應該在UL和.sub上使用float） –

回答