⼀个漂亮的上传按钮input[type=file]
.xj-file input[type=file]{border:none; outline:none; position:absolute; top:0; left:0px; width:54px; height:34px; cursor:pointer; filter:alpha(opacity=0); opacity:0;} 1<div class="input-group xj-file xj-panel-top">
inputtypefile不上传文件2<span class="input-group-btn">
3<button class="btn btn-default" type="button">浏览</button>
4</span>
5<input type="text" class="form-control" id="viewfile" placeholder="">
6<input type="file" id="" onchange="ElementById('viewfile').value=this.value;">
7</div>
基于bootstrap3，碰上⼀个处⼥坐的总监，不知道是福是祸，虽然我也是，这个最讨厌的上传按钮其实美化思路也⾮常简单
将其定位起来透明度设为0，再将其获取的路径值传给美化过的显⽰框就OK啦！效果图如下

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。