Стилизация input загрузки файлов

В редакторе

Стилизация input загрузки файлов

Brain_Script
597
2020-02-07 04:53:56
76c60b65
<span id="chose_file">Прикрепить фото</span> <span id="chose_file_text"></span> <input id="chose_file_input" name="imagefile" type="file" />
#chose_file{ display: block; background-image: url(images/otziv.png); background-repeat: no-repeat; background-position: left; padding-left: 50px; height: 42px; line-height: 42px; font-size: 18px; text-decoration: none; float: left; padding-right: 20px; border: 1px solid #333333; background-color: #7a7a7a; margin-bottom: 15px; color: #fff; } #chose_file_text{ height: 42px; line-height: 45px; padding-left: 20px; color: #000; overflow: hidden; } #chose_file_input{ display: none; }
$(function (){ if($('#chose_file').length) { $('#chose_file').click(function(){ $('#chose_file_input').click(); return(false); }); $('#chose_file_input').change(function(){ $('#chose_file_text').html($(this).val()); }).change(); // .change() в конце для того чтобы событие сработало при обновлении страницы } });
Создать свой интернет магазин
Продающий магазин! Знаний и опыта не требуется. Быстрый старт
recommerce.com.ua
Платформа для создания интернет-магазина
Магазина на прямую
re-commerce.ru
Сайт гидра
Настоящий сайт Гидры. Ссылка на hydra. Здесь ты найдешь то, что ищешь
hydragate.net
Войдите для добавления комментария.
Нет комментариев
Яндекс.Метрика Яндекс.Метрика