Как стилизовать этот input?

229
12 сентября 2017, 09:09

Думаю что дело в скрипте

$('.slct').click(function(){
/* Заносим выпадающий список в переменную */
var dropBlock = $(this).parent().find('.drop');
/* Делаем проверку: Если выпадающий блок скрыт то делаем его видимым*/
if( dropBlock.is(':hidden') ) {
    dropBlock.slideDown(1);
    /* Выделяем ссылку открывающую select */
    $(this).addClass('active');
    $(this).find('.slct').parent('.slct').parent().addClass('styling_slct');
    /* Работаем с событием клика по элементам выпадающего списка */
    $('.drop').find('li').click(function(){
        /* Заносим в переменную HTML код элемента
        списка по которому кликнули */
        var selectResult = $(this).html();
        /* Находим наш скрытый инпут и передаем в него
        значение из переменной selectResult */
        $(this).parent().parent().find('input').val(selectResult);
        /* Передаем значение переменной selectResult в ссылку которая
        открывает наш выпадающий список и удаляем активность */
        $(this).parent().parent().find('.slct').removeClass('active').html(selectResult);
        /* Скрываем выпадающий блок */
        dropBlock.slideUp(10);
    });
/* Продолжаем проверку: Если выпадающий блок не скрыт то скрываем его */
} else {
    $(this).removeClass('active');
    dropBlock.slideUp(1);
}
/* Предотвращаем обычное поведение ссылки при клике */
return false;

});

https://codepen.io/anon/pen/oemZWB

READ ALSO
Нужно ли использовать css хаки в 2017 году

Нужно ли использовать css хаки в 2017 году

Нужно ли использовать css хаки в 2017 году? Например для border-rarius, border-box, box-shadow и так далее

237
Как навигацию в Фотораме сделать справа?

Как навигацию в Фотораме сделать справа?

По умолчанию она снизу, нашел в документации как сделать сверху, но right, left не работает :(

199
Разный css при обновлении страницы F5

Разный css при обновлении страницы F5

Веб дизайн только познаю, хотя занимаюсь им давненько, но понимаю что это бездна знаний и вот по сути вопрос в чемКак сделать разный CSS при...

298