克服设计UI元素的跨浏览器问题

Question

我正在改变页面上select元素的外观，我注意到几乎每个浏览器都以不同的方式显示所有效果。单独这一点并不是那么糟糕，但我也注意到有些浏览器根本不支持某些效果，例如Chrome不支持背景图像，圆角以及我还没有注意到的其他东西。

我在一些网站上看到了一些非常令人印象深刻的下拉菜单，其中一切都是定制的，从发光到箭头按钮的外观等等。

怎么做？它是用一些Javascript / jQuery插件完成的吗？ 谁能指点我一些好的资源呢？

Answer 1

我建议你沿着jquery插件的路径前进。搜索“jquery select box”会返回许多有用的结果，例如：

http://www.designdim.com/2011/07/10-important-jquery-selectboxdropdown-plugins/

我之前尝试过其中一些，有些比其他人更灵活。

我真正喜欢的不是那个列表Chosen，尽管它不完全支持IE7和8。