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

时间:2013-06-24 00:34:08

标签: html css internet-explorer-7

下面是我的HTML和CSS。这适用于除IE7之外的所有浏览器。 widthheight是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;
}

1 个答案:

答案 0 :(得分:-1)

在你的代码之前使用前缀“-ms-”并再次写入它们。 在你的.input-button下添加-ms-width:15px等等所有的法令或者你认为不会因为你的问题而在你的情况下你需要添加这个陈述

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