关于去除input type='file'改变组件的默认样式换成自己需要的样式的解决方案

在工作中时常会遇到如需要上传功能的按钮,而不像需要系统默认的样式时候,可以采取以下的解决方案:

原来是这样的

<input id="file1" name="file1" type="file" multiple="multiple">

效果:

 改造完之后是这样的(影藏原来的组件图标,用img代替,然后执行这个input type的oclick事件):

<input id="file1" name="file1" type="file" multiple="multiple" style="height:0;0;z-index: -1; position: absolute;left: 10px;top: 5px;">
      <img onclick="getElementById('file1').click()" style="cursor:pointer; 60px;height: 60px;" title="点击添加附件" alt="点击添加附件" src="${ctxStatic}/mobile/images/z_add.png">

效果:

原文地址:https://www.cnblogs.com/zhouheblog/p/12030423.html