这个时候,就需要用到一些障眼法了,将原来的样式隐藏起来,再重新写一个按钮代替,与原来的位置重合即可。
原本的样式是这样的:
这是改完以后的样式,根据需要来设置属性,这里已经写好了选择文件,导入到表格里面的效果啦。
input file的样式很难改变,你可以用js控制一个div触发input file,把样式写在div上,把input file隐藏就可以了;代码如下:<script>
function clp(){
return $("#File").click()
}
</script>
<button class = "clp" onclick = "clp()">clp</button>
<input type="file" id="File" style="display: none"/>
直接写CSS样式是不行的<input type="text" size="20" name="upfile" id="upfile" style="border:1px dotted #ccc">
<input type="button" value="浏览" onclick="path.click()" style="border:1px solid #cccbackground:#fff">
<input type="file" id="path" style="display:none" onchange="upfile.value=this.value">
写成这样,用一个text和一个button替代file,然后让file隐藏
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)