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

В редакторе

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

Brain_Script
1190
2020-02-07 04:53:56
<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() в конце для того чтобы событие сработало при обновлении страницы } });
Ремонт квартир в пензе фото
ремонт квартир в пензе фото
penzaremont58.ru
Войдите для добавления комментария.
Нет комментариев
Яндекс.Метрика Яндекс.Метрика