更改文件浏览按钮的样式（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的问题，为什么它不起作用？谢谢。