问在html中替换文件浏览按钮的最佳方式是什么？

EN

浏览器并不喜欢你摆弄文件输入，但是这样做是可能的。我已经看过几种技术，但最简单的是将文件输入绝对定位在您想要用作按钮的任何东西上，并将其不透明度设置为零或接近零。这意味着当用户点击图片(或者你在下面的任何东西)时，他们实际上是在点击看不见的浏览按钮。

例如：

<input type="file" id="fileInput">
<img src="...">

#fileInput{
    position: absolute;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

如果您不介意使用javascript，您可以将文件输入的不透明度设置为0，通过z-index将样式控件放在顶部，并将clickevent从按钮发送到文件输入。请看这里的技术：http://www.quirksmode.org/dom/inputfile.html

出于安全目的，这在技术上是不可能的，所以用户不会被误导。

然而，有几个变通方法--以http://www.quirksmode.org/dom/inputfile.html为例。

根据记录，这个问题已经被问到了here (在那里我给了同样的答案)。