我的页面上有两个<button>元素，里面都有一个<img>。问题是这两个图像都有右边距。尽管我没有在任何地方添加它。我仔细检查了代码两次，并且我还确保手动排除了图像的右边距：

button img {
  margin-right: 0px;
}

这是打开开发者工具时的屏幕截图（Chrome）

当我将鼠标悬停在边距框上时，您可以看到边距，但您也可以看到图像的margin-right是0px。
这也发生在右边的图像上。我用的是Bootstrap，如果这有什么不同的话。
包含按钮和图像的代码：

<section class="container-fluid" id="upload-buttons">   
  <button><img src="camera128.png" class="img-responsive" alt="Camera Clipart">Upload Image</button>
  <button><img src="video128.png" class="img-responsive" alt="Video Recorder Clipart">Upload Video</button>
</section>

有什么办法吗？谢谢。