html5文件上传控件的button样式怎么修改

html5文件上传控件的button样式怎么修改,第1张

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

上传按钮隐藏,通过js或者jQuery脚本点击事件(button)触发上传按钮(input)的事件。大部分浏览器的上传按钮是无法修改样式的,button标签可以自定义样式,可以把上传按钮隐藏,通过js或者jQuery脚本点击事件(button)触发上传按钮(input)的事件。


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

原文地址:https://54852.com/zaji/6106429.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存