Стилизация input загрузки файлов
В редакторе
Стилизация input загрузки файлов
Brain_Script
1925
2020-02-07 07: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() в конце для того чтобы событие сработало при обновлении страницы
}
});
Войдите для добавления комментария.