html - IE7中的输入类型=“图像”填充问题

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;