首页 > 代码库 > 文件上传<input type="file">样式美化
文件上传<input type="file">样式美化
<div class="fileInput left" style="width:102px;height:34px; background:url(http://images.cnblogs.com/cnblogs_com/dreamback/upFileBtn.png);overflow:hidden;position:relative;"> <input type="file" name="upfile" id="upfile" class="upfile" onchange="document.getElementById(‘upfileResult‘).innerHTML=this.value" style="position:absolute;top:-100px;"/> <input class="upFileBtn" type="button" value="上传图片" onclick="document.getElementById(‘upfile‘).click()" style="width:102px;height:34px;opacity:0;filter:alpha(opacity=0);cursor:pointer;" /> </div>
<span class="tip left" id="upfileResult">图片大小">图片大小不超过2M,大小90*90,支持jpg、png、bmp等格式。</span>
样式如下图:
文件上传<input type="file">样式美化
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。