没有javascript的样式选择菜单

Question

我知道这个问题一直被问到。我已经阅读了很多关于这个主题的文章，在我看来，唯一的跨浏览器解决方案是使用jquery。

不幸的是我使用动态相关的选择菜单。 （我的意思是当你从一个选择的东西，另一个改变它的价值）。这是通过jquery脚本完成的，每当我尝试用jquery设置我的选择菜单时，菜单的动态依赖性就会破坏。

所以我决定使用背景图像来设计它们，并且从另一个SO问题的答案中找到了最令人满意的解决方案。

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

但是这个解决方案仍然无法在Opera中使用，因为背景图像会显示在所选菜单的后面。

我知道很多人都会告诉我一个不应该选择菜单的样式。但仍然创造一个非常优雅的网站，有一些优雅的背景，并有那些可怕的灰色选择菜单是一个痛苦的心脏。

那么有没有JavaScript的跨浏览器解决方案？

Answer 1

您可以在不使用javascript的情况下将选择菜单设置为一个点，但最重要的是 我知道，如果你正在做额外的行为或者你想要一个自定义箭头，你必须在这个时候使用js。