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