javascript - 更改文件浏览按钮的样式（MyFaces inputFileUpload）

Question

我的任务是为文件上传小部件的提交按钮实现 CSS 样式。我决定使原始小部件不可见，并添加可见的文本字段和按钮，并具有我需要的样式并且可以使用原始小部件的功能。

<t:inputFileUpload id="fileupload" style="display:none" value="#{Handler.upFile}" accept="application/pdf,image   /tiff"    onchange="Handlechange();"/>                    

<input type="text" id="filename" class="input400px"  readonly = "readonly"/> 
<input type="button" id="fakeBrowse" class="browseButton" value="Browse..." onclick="HandleBrowseClick();"/>

function HandleBrowseClick()
{
    var fileinput = document.getElementById("uploadForm:fileupload");
    fileinput.click();
}

function Handlechange()
{

var fileinput = document.getElementById("uploadForm:fileupload");
var textinput = document.getElementById("filename"); 
textinput.value = fileinput.value;

}

它适用于 Firefox，但不适用于 IE。我想 click() 在 IE 中不能正常工作。有谁知道我如何解决 IE 的问题以及为什么它在那里不起作用？谢谢你。