Блог компании Айкен / Обзор jQuery-плагинов для стилизации селектов

Каждый верстальщик хотя бы раз ругался с дизайнером по поводу нестандартных элементов форм. Но раз уж разработчики придумали решения для нестандартных селектов, то давайте рассмотрим их и разложим все по полочкам. Не секрет, что стандартные селекты имеют крайне слабый уровень стилизации средствами CSS. В каком-то браузере они чуть лучше, в каком-то чуть хуже, но общая картина складывается весьма грустной. Как обычно, там, где не справляется чистый HTML+CSS, на помощь приходит jQuery. Плагинов для замены селектов действительно довольно много, однако все же хочется рассмотреть их поближе. В этой статье я хотел бы осветить особенности каждого из плагинов. Их количество действительно огромно, так что обзор не претендует на полноту (но самые основные плагины я разберу). Начём, пожалуй, с самого простого селекта.

Стандартный select

Достоинства:

• работает на всех устройствах, в том числе на мобильных телефонах
• автоматически подстраивает ширину
• без проблем контролируется с помощью jQuery
• открывается всегда на видимую часть страницы (так называемое «умное позиционирование»)
• сам определяет оптимальную высоту для выпадающего списка
• позволяет группировать опции
• позволяет выделять сразу несколько пунктов (если, конечно, прописать необходимые атрибуты)
• реагирует на переход Tabом
• имеет подбор по первой букве
• поддерживает скролл колёсиком мышки

Недостатки:

• выглядят во всех браузерах по разному
• не имеет возможности быть нормально стилизованным

 Источник:WEb 2.0 на Хабрахабре