input file文字可修改兼容各浏览器

傲游浏览器中input type="file"格式 怪怪的：

 

 

以下代码可修改file中的文字；可兼容各浏览器：

 

 

1. <style type="text/css"> 
2. .input_text{border:1px solid #00f;width:250px;height:25px;line-height:25px} 
3. .input_file{border:1px solid #f00;width:300px;height:25px;line-height:25px; margin-left:-300px; filter:alpha(opacity=0); opacity:0;} 
4. </style> 
5.  
6. <input type="text" class="input_text"  id="txt" /> 
7. <input type="button" value="添加视频文件" /> 
8. <input type="file" name="file[]" class="input_file" onchange="txt.value=this.value" size="30" /> 

 

      本文转自许琴 51CTO博客，原文链接：http://blog.51cto.com/xuqin/940671，如需转载请自行联系原作者