在工作中时常会遇到如需要上传功能的按钮,而不像需要系统默认的样式时候,可以采取以下的解决方案:
原来是这样的
<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">
效果: