input file 浏览器兼容问题
来源:互联网 发布:网络与新媒体考研方向 编辑:程序博客网 时间:2024/05/21 15:14
主要思想就是用一层遮罩input file 的位置,实现样式的统一。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><form><input name="upload" type="file" style="width:200px;position:absolute;opacity:0;filter:alpha(opacity=0);" onchange="this.form.inputs.value=this.value.substr(this.value.lastIndexOf('\\')+1);"/><input name="inputs" type="input" style="width:121px; height:14px;" /> <input name="" type="button" value="浏览..." style="width:70px; height:20px; border:1px solid #003c74;"/></form></body></html>
转自:http://blog.csdn.net/sdaiweiy/article/details/7672570
- input file 浏览器兼容问题
- input file 浏览器兼容问题
- input file 在不同浏览器中的呈现
- IE浏览器下的Input File详解
- 浏览器input file 转换base 64
- 不同浏览器input file样式不一样
- 浏览器兼容问题
- 浏览器兼容问题
- 浏览器兼容问题
- 浏览器兼容问题
- 浏览器兼容问题
- 浏览器兼容问题
- 浏览器兼容问题
- 浏览器兼容问题
- 浏览器兼容问题
- [浏览器兼容问题
- 浏览器兼容问题
- 浏览器兼容问题
- JAVA之等号、传类对象参数与c++的区别
- 使用dhtmlxtree生成动态树
- c# winform 嵌入flash
- 系统性能调优攻略
- headtracker.js 一个头部/脸部追踪的JavaScript库
- input file 浏览器兼容问题
- win32绘制文字 矩形 圆形 多边形 位图
- 破解windos密码
- Android系统目录结构
- 《深入Oracle》之DBA日常工作和职责---[1]
- Failed to pull selection
- C#做一个简单的登录程序,关联的数据库是oracle
- Linux 查看文件内容
- jquery.validate.js使用说明+中文API