我们在使用button做按钮时常常会碰到如果在button中使用img做按钮图片时在IE中显示正常,而在FF中左边和上边会出现灰边,以下是解决方案。
<style type="text/css">
button {
width:100px;
height:30px;
border:0;
}
button img {
margin:-2px 0 0 -3px !important; //在FF中需调整边界
margin:0; //在IE中不显示边界
}
</style>
<button type="submit"><img src="按钮图片" width="100" height="30" border="0" /></button>
button {
width:100px;
height:30px;
border:0;
}
button img {
margin:-2px 0 0 -3px !important; //在FF中需调整边界
margin:0; //在IE中不显示边界
}
</style>
<button type="submit"><img src="按钮图片" width="100" height="30" border="0" /></button>