html - 按钮标签内图像周围的空白区域？

Question

我在网页上使用了一个按钮标签，里面有一张图片，你可以在下面看到它:

<button runat="server" id="btnLogin">
   <img src="images/login.png" />
</button>

但是在浏览器中，图像周围有一些空白。您可以在下面的图片中看到它。我用红框标记了图像。

如何删除图像周围的这些空白区域？这个设计来自一个设计师，我没有时间让他改变这个。提前致谢。

Answer 1

将以下样式添加到您的按钮和图像

<button runat="server" id="btnLogin" style="padding:0; width:auto; height:auto">
     <img src="images/login.png" style="margin:0; padding:0" /> 
</button>

也可以设置按钮的宽高和图片完全一样