js中input type=file 按钮的样式怎么改变，仅改变按钮外貌

Posted 2023-03-26

不能直接改，不过可以模拟：
<input type=file name=j style="display: none;" onchange="ye.value=value"><input name=ye style="color: green;border: 1px solid green"> <input type=button value="File" onclick=j.click() style="border: 1px solid green">
上面就是做个自定义样式的button，点击时触发隐藏的file文本域。 参考技术A 按钮外貌是改不掉的。

现在流行的是一个将file透明度设为0，然后覆盖到自己设计的按钮上的 方式。

这样，用户感觉是漂亮的按钮，其实鼠标按下的是 file追问

file的透明度设为0的话，按钮和框好像是一起没了，再添一个框？这种方式我知道的。请问你是否知道EXT，我直接在JS里面能否用EXT

追答

能

追问

求教用EXT改变JS中file按钮，跪求代码参考