Отправляет email-рассылки с помощью сервиса Sendsay

Свобода слова вебмастерского

  Все выпуски  

jQuery-скрипт для стилизации селектов (тег select) html-форм



jQuery-скрипт для стилизации селектов (тег select) html-форм
2012-04-02 09:28 Dimox

jQuery-скрипт для стилизации селектов (тег select) html-форм

Одна из самых неприятных (и я бы даже сказал ужасных) вещей в веб-разработке - это верстка html-форм. К сожалению, не существует единого стандарта отображения элементов форм, независимо от браузера и операционной системы, так же, как и нет возможности произвольно оформить некоторые из этих элементов, используя каскадные таблицы стилей.

Не поддаются полной стилизации следующие элементы html-форм:

  • раскрывающийся список <select>;
  • флажок <input type=”checkbox”>;
  • переключатель <input type=”radio”>.
  • поле для отправки файла <input type=”file”>.

Как уже понятно из заголовка поста, здесь речь пойдет только про селекты.

Существует немало готовых решений в виде jQuery-плагинов для стилизации раскрывающихся списков. Но я (ввиду того, что ни один из плагинов меня не устроил по тем или иным причинам) решил пойти путем изобретения своего колеса и написал собственный jQuery-скрипт (не плагин), которым и делюсь в данной статье.

Сразу хочу заметить, что данный скрипт не подходит для всех возможных случаев применения селектов (читайте недостатки). Читать далее »


© 2012 Dimox.name | jQuery-скрипт для стилизации селектов (тег select) html-форм
Все права защищены. Перепечатка запрещена.



В избранное