Bootstrap修改input file默認樣式



html部分


<div class="form-group">
<label class="col-sm-3 control-label">選擇數據文件</label>
<div class="input-group">
<input id="docPath" type="text" class="form-control">
<span id="scan" style="position: relative" class="btn btn-primary input-group-addon">瀏覽<input id="path" style="width: 60px;height:40px; position: absolute;top:-6px;left: -4px;opacity: 0; filter:alpha(opacity=0)" class="form-control" type="file"></span>
</div>
</div>

JavaScript部分

$("#path").change(function () {
$("#docPath").val($(":file").val());
});


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM