Преодоление проблем с перекрестным дизайном элементов пользовательского интерфейса

Question

В настоящее время я изменяю внешний вид элементов select на своей странице, и я заметил, что почти каждый браузер отображает все эффекты по-разному. Это не так плохо, но я также заметил, что некоторые браузеры вообще не поддерживают некоторые эффекты, например, Chrome не поддерживает фоновое изображение, закругленные углы и, вероятно, что-то еще, что я еще не заметил.

Я видел несколько впечатляющих выпадающих меню на некоторых веб-сайтах, где все было изготовлено на заказ, начиная с сияний и заканчивая появлением кнопки со стрелкой и так далее.

Как это сделать? Это делается с помощью некоторого Javascript/jQuery-плагина? Может ли кто-нибудь указать мне на хорошие ресурсы?

Answer 1

Я предлагаю вам пойти по пути плагина jquery. Выполнение поиска для «Jquery поля выбора» возвращает ряд полезных результатов, например:

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

Я попробовал несколько из них раньше, а некоторые являются более гибкими, чем другие.

Тот, который мне очень нравится, что нет в этом списке Chosen, хотя он не полностью поддерживает IE7 и 8.