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,如需转载请自行联系原作者







相关文章
|
3月前
|
前端开发 JavaScript API
如何让 Websocket兼容低版本浏览器
如何让 Websocket兼容低版本浏览器
52 2
|
5月前
|
前端开发
border-radius 兼容 IE8浏览器
border-radius 兼容 IE8浏览器
39 1
|
5月前
|
JavaScript
兼容IE浏览器
兼容IE浏览器
31 0
|
7月前
|
JSON JavaScript 前端开发
基于FlashWavRecorder实现IE11浏览器录音后用科大讯飞转文字
基于FlashWavRecorder实现IE11浏览器录音后用科大讯飞转文字
58 0
|
7月前
|
iOS开发
解决IOS端微信浏览器input,textarea有内上边框阴影
解决IOS端微信浏览器input,textarea有内上边框阴影
40 0
|
8月前
Vite 如何兼容老版本浏览器,解决浏览器无报错但打开空白
最近一个医院的项目,遇到有些电脑能访问web页面,有些电脑无法访问。最后发现是浏览器版本不一样,老的浏览器版本不能正常访问,而新的浏览器可以访问。因为医院是内网环境,电脑数量又比较多,所以没办法一一去升级浏览器版本。
452 0
|
11月前
Edge浏览器复制网页不允许复制的文字
Edge浏览器复制网页不允许复制的文字
141 0
复制浏览器网页文字后无法正常粘贴情况的解决
本文介绍在复制网页内容后粘贴时,粘贴内容出现一个方框图案而不是当初复制内容的解决办法~
238 1
复制浏览器网页文字后无法正常粘贴情况的解决
|
JavaScript Android开发 iOS开发
兼容安卓和ios的手机端浏览器返回和物理返回的监听处理操作实战(推荐)
兼容安卓和ios的手机端浏览器返回和物理返回的监听处理操作实战(推荐)
265 0
兼容安卓和ios的手机端浏览器返回和物理返回的监听处理操作实战(推荐)
|
Web App开发 iOS开发
Bug: Safari浏览器input框placeholder和内容都不显示
Bug: Safari浏览器input框placeholder和内容都不显示
239 0