首页 > 其他 > 详细

调整type="file"时的input的

时间:2014-04-12 16:59:42      阅读:471      评论:0      收藏:0      [点我收藏+]

<input type="file">

在ie下的视图如下

bubuko.com,布布扣

而在firefox下的是

bubuko.com,布布扣

一般为了界面美化的效果,会将其设置为透明,然后覆盖一个<a href = ""></a>的标签

如图

bubuko.com,布布扣

然而由于不同浏览器下显示效果不同,尤其在ie下因为有输入框的存在,会造成如下所示的效果

影响美观,而且点击的时候不能很好的弹出上传文件的窗口。

bubuko.com,布布扣有输入光标

所以采取disable和readonly的属性作为尝试,然而却不能上传文件,点击“浏览”
没有反应

也尝试了style=“clip:rect()",效果不佳。

最终拟采取方案是,调整width=”100%“,

bubuko.com,布布扣

 

 

调整type="file"时的input的,布布扣,bubuko.com

调整type="file"时的input的

原文:http://www.cnblogs.com/yanbinliu/p/3658370.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!