克服設計UI元素的跨瀏覽器問題

我目前正在改變頁面上select元素的外觀，並且我注意到幾乎每個瀏覽器都以不同方式顯示所有效果。這並不是很糟糕，但我也注意到一些瀏覽器根本不支持某些效果，例如Chrome不支持背景圖像，圓角以及其他我還沒注意到的東西。克服設計UI元素的跨瀏覽器問題

我已經在一些網站上看到了一些非常令人印象深刻的下拉菜單，其中一切都是定製的，從發光到箭頭按鈕的外觀等等。

它是如何完成的？它是用一些Javascript/jQuery插件完成的嗎？任何人都可以指點我一些好的資源嗎？

2012-05-09 Gasoline

嘗試http://www.1stwebdesigner.com/css/38-jquery-and -css-drop-down-multi-level-menu-solutions/.... –

所有你真正需要JavaScript的是基於onmouseup事件的打開/關閉狀態，其餘部分是普通的HTML/CSS。 – reisio

我建議你走下jQuery插件的路徑。這樣做的「jQuery的選擇框」的搜索返回了許多有用的結果，例如：

我以前嘗試了其中的一些，有些人比其他人更靈活。

一，我真的很喜歡，是不是在名單Chosen，雖然它不完全支持IE7和8

2012-05-09 08:54:22 howlee

感謝您的鏈接。在我問這個問題幾個小時之後，我發現在你鏈接的頁面上列出了一個插件。你的鏈接更好，所以我選擇你作爲最好的答案。 – Gasoline

回答