之间一致地对准我有以下内容的输入字段搜索按钮,这样指定的:图片不IE,火狐,和Safari
<div class="sidebarsection">
<input id="queryfield" placeholder="Search previews...">
<button class="search-button" onclick="runSearch()"><img src="images/search.png" /></button>
</div>
相关联的CSS是
#queryfield {
width: 130px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
.search-button {
width: 26px;
padding: 0px;
vertical-align: top;
}
.search-button img {
height: 16px;
width: 16px;
}
在Firefox中,这看起来是正确的,是这样的:
在IE浏览器,这看起来w ^荣:图像顶部附近偏移:
在Safari浏览器在iPad上,这也是错误的:
在Chrome中,这也是不对的:
有没有办法让所有的浏览器显示图像为FireFox d oes在上面的例子中?
有一件事可能会帮助你添加5px的边距或填充到你的img。 – 2013-04-22 04:31:07