html写的type="file"的input怎么去掉默认提示

Posted 2023-03-26

1.将这个控件隐藏，html中加style="display:none;"。2.然后从新加个按钮。3.给这个按钮绑定点击事件，点击事件去触发选择文件的功能，点击事件触发后执行$("[type=file]").click()。 参考技术A

可以将input的宽设置一下（70px就差不多，当然低版本ie存在兼容问题，可以hack一下单独设置宽）

还有一个方法就是将原有空间透明度设置为0，然后用图片或者其他组件模拟其样式（当然点击的还是原有的input file），这块注意层级关系

参考技术B 可以找其它标签模拟input标签。追问

我现在是设置input的大小，然后overflow:hidden,然后就不见了，但是总感觉有更好的方法。您有什么好建议

追答

一般都是用label标签来设置input type=file
标签的样式，然后input标签隐藏。
input自定义样式不好修改。而且样式也是死的。

本回答被提问者采纳