本文主要是介绍处理各大浏览器的input type=file显示风格迥异的问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
做任务的时候,发现,设计组给的psd文件的 上传文件中的<input type="file">
的风格长这样
。
而实际中的各大浏览器一个<input type = "file"
长这样:
。
这样就导致如果我们只是针对其他的一个浏览器样本改动代码,那么显然是不可取的,但是如果要是对多个浏览器都处理到位那么代码未免太多,现在大家都普遍采用的是把它设置为opacity:0;进行更改,然后设置一个div设置跟input type = “file”同级,再在div里面放一个,用js控制获取input type = “file”的值放到的值里面。
<body><div><input type="text" class="txt"><label></label></div><input mutitple =
这篇关于处理各大浏览器的input type=file显示风格迥异的问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!