html 怎么改变文件上传的样式

html 怎么改变文件上传的样式,第1张

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"/>

貌似是不能修改

file

里面自带的内容的

但是你可以做一个你想要的样式,然后

file

opacity

设置成

0

,然后用

position:

absolute宽度;高度,覆盖在你想要的样式上,这样点击那个位置就相当于点击

file

直接写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隐藏


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7837729.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-10
下一篇 2023-04-10

发表评论

登录后才能评论

评论列表(0条)

保存