html - IE7 中的输入类型 ="image"填充问题

Question

下面是我的 HTML 和 CSS。这适用于除 IE7 之外的所有浏览器。 width 和 height 是 button.gif 的尺寸。在所有其他浏览器上，图像被添加到输入字段，周围有填充(这样按钮更宽，图像在中间)并且垂直对齐到父 div 的底部。这在 IE7 中不起作用。在 IE7 中，输入字段的总大小为 15px x 15px，填充完全被忽略。

<input class="input-button" type="image" src="../images/button.gif" />

.input-button {
width:15px;
height:15px;
background-color:#000;
border:none;
cursor:pointer;
padding:4px 20px 5px;
vertical-align:bottom;
}

Answer 1

在您的代码前使用前缀“-ms-”并重新编写。在你的 .input-button 下添加 -ms-width:15px 等等所有的陈述或者你认为对 ie 不起作用的东西。在你的情况下你将只需要添加这个声明

-ms-padding:4px 20px 5px;