css - 没有javascript的样式选择菜单

Question

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

不幸的是，我使用的是动态依赖的选择菜单。 (我的意思是当你从一个中选择某样东西时，另一个会改变它的值)。这是通过 jquery 脚本完成的，每次我尝试使用 jquery 设置我的选择菜单的样式时，菜单的动态依赖性都会中断。

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

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

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

我知道你们中的许多人会告诉我不应该设置选择菜单的样式。但是仍然创建一个非常优雅的网站，拥有一些优雅的背景，并拥有那些可怕的灰色选择菜单，这让人心痛。

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

Answer 1

您可以在不使用 javascript 的情况下对选择菜单进行样式设置，但只要我知道，如果你正在做额外的行为或者你想要一个自定义箭头，你此时必须使用 js。