需求: 点击文字“资料提交”,实现文件上传
难点: input本身的file样式,文字无法修改
点击文字触发input的click事件是不行的
解决: 将input和文字通过定位,使得input和文字重合
将input设置为透明,若input在文字前还的加上z-index:100,使得input在文字之上,这样当点击文字,也就是他们重合区域就可文件上传了
- input在文字之后,无须设置z-index
<span>
<a>
<img src="../edit.gif" id="edit">
<span>资料提交</span>
<input style="cursor:pointer; height:20