我们正在使用此solution来设置“浏览”按钮的样式。但是,当我们使用这种技术时,我们的“清除”按钮不再适用于IE。换句话说,它不会删除伪路径。仍然适用于Firefox和Chrome。
<div id="upload_div">
<li class="uploadlink">
<div class="fakeupload">
<input type="text" name="fakeupload" />
</div>
<input type="file" name="upload" id="uploadFile" class="realupload" onchange="this.form.fakeupload.value = this.value;"/>
<input name="clearinput" type="button" value="Clear" onClick="clearFileInput('upload_div')">
</li>
</div>
清除按钮功能:
function clearFileInput(tagId) {
document.getElementById(tagId).innerHTML = document.getElementById(tagId).innerHTML;
}