您的位置:首页 > Web前端 > BootStrap

使用bootstrap默认样式,修改input=file的展现样式

2018-03-21 16:39 615 查看
随笔记录一下!
使用bootstrap默认的类form-control,使用input=file的时候,展现格式很不友好。
我们可以使用三个input来自己拼成一个文件上传的样式:
1、<input id='location' class="form-control" disabled> 不可用状态用来展示选中文件的名字。
2、<input type="button" id="i-check" value="浏览" class="btn" onclick="$('#i-file').click();">浏览按钮用来给用户点击,触发单击事件来单击文件上传的input。
3、<input type="file" id='i-file'  accept=".nse" onchange="$('#location').val($('#i-file').val());" style="display: none">
文件上传按钮,文件上传内容改变的时候,将名字赋值给不可选的input框展示给用户。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  bootstrap