jQuery Form Styler - плагин для стилизации селектов, чекбоксов, радиокнопок, файловых и числовых полей

jQuery Form Styler — плагин для стилизации элементов HTML-форм (input[type=checkbox], input[type=radio], input[type=file], input[type=number], select)

Данный плагин позволяет стилизовать с помощью CSS следующие HTML-элементы: флажок <input type="checkbox">; переключатель <input type="radio">; поле для выбора файла <input type="file">. поле для ввода чисел <input type="number">. раскрывающийся список <select>; Демонстрация работы плагина Живые примеры можно посмотреть на отдельной странице. Стоит заметить, что при ...

Комментарии (2 607)

  1. Как динамически получить значение input tyep=number ?

  2. Здрасте. Вопрос на засыпку.)) — Как включить английский? Я имею введу для —

    <input type="file"/>

    А то в описании там…ссылочка не работает.!? Смотрел коменты, но про это вопросов не нашёл.

  3. Если нужно стилизовать только один input number то дня него есть отдельный плагин https://number-plugin.ru

  4. Привет! Подскажите, почему скрипт не передаёт неактивные элементы в select?
    То есть у стандартного select есть option с атрибутом disabled, но после стилизации данный option доступен к выбору. Как подправить это дело?

  5. Приветствую. Отличный плагин.
    Один вопрос — как передать в инпут селект дополнительный блок\спан? Мне нужно по клику на селект показывать список цветов такого формата

    <option value="value1"><span class="colorval">colorval</span>Item1</option>

    Где в спане будет квадратик цвета.
    Сейчас на фронте это обрезается

    <div class="jq-selectbox__select-text">colorvalItem1</div>
  6. Делаю один проект, решил воспользоваться вашим скриптом. Не могу разобраться как открыть селект при клике на label для данного селекта. Можете подсказать? Задача достаточно популярная, но нигде не смог найти ответа.

    Заранее благодарен!

  7. Всем привет!

    У кого не работают селекты (у меня не раскрывались) на Android при использовании в fancybox, попробуйте отключить у fancybox при инициализации touch. Мне помогло.

    $('selector').fancybox({
    	touch: false
    });

Ваш комментарий