沒有javascript的樣式選擇菜單

Question

我知道這個問題已被反覆詢問。我已經閱讀了很多關於這個主題的文章，並且在我看來，唯一的跨瀏覽器解決方案就是使用jquery。

不幸的是，我正在使用動態相關的選擇菜單。 （我的意思是當你從一箇中選擇一個時，另一個改變它的值）。這是用jQuery腳本完成的，每次我嘗試用jquery設置我的選擇菜單的樣式時，菜單的動態依賴關係就破裂了。

因此，我決定使用背景圖像對它們進行設計，並從另一個SO問題的答案中找到最滿意的解決方案。

http://jsfiddle.net/JeaffreyGilbert/PbYFT/

但還是在Opera這個解決方案行不通的背景圖像，顯示選擇菜單後面。

我知道你們中許多人會告訴我，一個不應該風格的選擇菜單。但仍然創造一個優雅的網站與一些優雅的背景，並有那些可怕的灰色選擇菜單是一個痛心。

那麼有沒有跨瀏覽器的解決方案沒有JavaScript？

Answer 1

您可以將選擇的菜單設置爲不使用javascript的點，但是至於 我知道，如果您正在執行額外的行爲，或者您想要自定義箭頭，那麼此時必須使用js。