The previous style, this "no file selected" would like to take it out?
The result of this code is that "no file selected" is removed.
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
">
<meta http-equiv= "Content-type" content= "text/html; charset=utf-8" />
<title> Untitled Document </title>
<style>
#file {width:226px; height:25px; position:relative;}
#filetxt {}
#filebtn {position:absolute; right:0px;}
#upfile {width:70px; position:absolute; right:0px; top:0px; opacity:0;}
</style>
<script src= "Http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>
<body>
<div id= "file" >
<input id= "Filetxt" type= "text" value= "File not selected"/>
<input id= "filebtn" type= "button" value= "select"/>
<input id= ' upfile ' type= "file"/>
</div>
<script>
$ (function () {
$ (' #upfile '). Change (function () {
$ (' #filetxt '). Val ($ (' #upfile '). Val ());
});
});
</script>
</body>
Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.
Input tag file type, remove different browsers "no file selected" Word method