调整type="file"时的input的

<input type="file">

在ie下的视图如下

而在firefox下的是

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

如图

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

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

有输入光标

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

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

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

 

 

posted @ 2014-04-11 11:40  sosoThink  阅读(226)  评论(0编辑  收藏  举报