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



我目前正在更改页面上select元素的外观,我注意到几乎每个浏览器都以不同的方式显示所有效果。这还不错,但我也注意到某些浏览器根本不支持某些效果,例如 Chrome 不支持背景图像、圆角以及可能我尚未注意到的其他内容。

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

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

我建议你沿着jquery插件的道路走下去。搜索"jquery select box"会返回许多有用的结果,例如:

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

我以前尝试过其中的一些,有些比其他的更灵活。

我真正喜欢的一个不在列表中的是Selected,尽管它不完全支持IE7和8。

最新更新