调整type="file"时的input的
2014-04-11 11:40
218 查看
<input type="file">
在ie下的视图如下
而在firefox下的是
一般为了界面美化的效果,会将其设置为透明,然后覆盖一个<a href = ""></a>的标签
如图
然而由于不同浏览器下显示效果不同,尤其在ie下因为有输入框的存在,会造成如下所示的效果
影响美观,而且点击的时候不能很好的弹出上传文件的窗口。
有输入光标
所以采取disable和readonly的属性作为尝试,然而却不能上传文件,点击“浏览”
没有反应
也尝试了style=“clip:rect()",效果不佳。
最终拟采取方案是,调整width=”100%“,
在ie下的视图如下
而在firefox下的是
一般为了界面美化的效果,会将其设置为透明,然后覆盖一个<a href = ""></a>的标签
如图
然而由于不同浏览器下显示效果不同,尤其在ie下因为有输入框的存在,会造成如下所示的效果
影响美观,而且点击的时候不能很好的弹出上传文件的窗口。
有输入光标
所以采取disable和readonly的属性作为尝试,然而却不能上传文件,点击“浏览”
没有反应
也尝试了style=“clip:rect()",效果不佳。
最终拟采取方案是,调整width=”100%“,
相关文章推荐
- angularjs上传 和 <input type="file">与ng-model 的玩法
- js 实现 <input type="file" /> 文件上传
- 关于input type="file" 上传图片,如何限制上传图片的分辨率
- <input type="file">系列文章一(上)
- 关于<input type="file">样式的美化
- 后台处理客户端控件上传的文件(input type="file")
- input type="file" 的onchange事件
- 将通过<input type="file">上传的txt文件存储在localStorage,提取并构建File对象
- 利用jquery来隐藏input type="file"
- 使用 Input Type="File" 的一些技巧和注意事项(添加中)
- html的文件控件<input type="file">样式的改变
- 如何修改input[type="file"]的默认样式
- 手机浏览器<input type="file">标签调用手机拍照+分片上传
- Android WebView 不支持 H5 input type="file" 解决方法
- html5中的input(type="file")的multiple属性,实现多文件上传,并用js控制文件大小,数量
- input file控件限制上传文件类型 网页上添加一个input file HTML控件: 1 <input id="File1" type="file" /> 默认是这样的,所有文件类
- 【翻译】Styling an input type="file"美化文件上传控件
- js 实现 input type="file" 文件上传示例代码
- [置顶] <input type="file">的accept属性值详解
- WebView 加载H5 <Input type="file"/>标签上传图片问题