Html 自定义按钮输入类型图像IE9+；

在IE9+上显示此按钮时出现问题。如何删除按钮上显示的表单

HTML

<input type="file" name="image" class="file_button_upload" />

对于IE浏览器，如

或

你也可以使用

---

听起来您需要这里的

元素。如果没有，你能提供更多关于你期望发生的事情和正在发生的事情的细节，如果可能的话，提供屏幕截图吗？你为什么要用图像来做这个？使用填充、背景颜色和文本，以便您的按钮可以被翻译、搜索、可访问性浏览器阅读等@Shaggy@gaynorvader因为输入类型图像不带值抱歉，我误读了您的初始帖子，以为您使用的是

图像

类型

输入

<代码>文件输入很难直接设置样式，因为每个浏览器的实现方式都不同。不过，有无数的解决方案和变通办法。

    .file_button_upload{
     width: 160px;
     overflow: hidden;
     font-size: 0px;
     height: 30px;
     margin-bottom: -15px;
     display: inline-block;
     background: url(http://www.festivalbenicomuni.it/wp-content/themes/festival/img/bg_btn.jpg);
     border: 3px solid #000;
     padding: 6px 0px;
     width: 160px;
     font-size: 0px;
     color: #000;
     font-family: 'DINPro-Bold';
     text-align: center;
     overflow: hidden;
     text-indent: -9999px;
}

You Should use conditional CSS for IE browsers like

<!--[if lte IE 9]>
<style>
 .file_button_upload{
 width: 160px;
 overflow: hidden;
 font-size: 0px;
 height: 30px;
 margin-bottom: -15px;
 display: inline-block;
 background: url(http://www.festivalbenicomuni.it/wp-content/themes/festival/img/bg_btn.jpg);
 border: 3px solid #000;
 padding: 6px 0px;
 width: 160px;
 font-size: 0px;
 color: #000;
 font-family: 'DINPro-Bold';
 text-align: center;
 overflow: hidden;
 text-indent: -9999px;
}
</style>
<![endif]-->