Этот вопрос уже имеет ответ здесь:
Я хотел бы разработать использование CSS3.
С другой стороны, я хотел бы, чтобы пользователь нажал на a div
(что я разработаю), и это откроет окно Browse.
Это возможно сделать то использование HTML, CSS3 и JavaScript / jQuery только?
У меня есть примерный пример, который вы, возможно, захотите получить ...
<div id="file">Chose file</div>
<input type="file" name="file" />
#file {
display:none;
}
var wrapper = $('<div/>').css({height:0,width:0,'overflow':'hidden'});
var fileInput = $(':file').wrap(wrapper);
fileInput.change(function(){
$this = $(this);
$('#file').text($this.val());
})
$('#file').click(function(){
fileInput.click();
}).show();