无法从标签内部的 img 中删除边框

【问题标题】：Can't remove border from img inside of label无法从标签内部的 img 中删除边框
【发布时间】：2017-02-15 04:48:59
【问题描述】：

这段代码创建了一个（大致看起来）1px 的实心边框，在 img 周围是灰色的。我将图像边框设置为无，但它不会删除边框。

代码如下：

<label>
  <img style="width:200px;height:200px">
</label>

【问题讨论】：

你的 CSS 对于 img 和 label 的外观如何？
stackoverflow.com/questions/10441362/…

标签： html css

【解决方案1】：

这是您的 HTML 无效的副作用。使用a validator。

img 元素必须有 src。指定您要加载的图像和边框消失。

<label>
  <img  src="https://images.vexels.com/media/users/3/137685/isolated/lists/c078654c8b1501b4c9ee784a330210e5-logo-geometric-polygonal.png" style="width:200px;height:200px">
</label>

如果您想要一个特定尺寸的盒子而不加载图像：使用div 或其他元素。

【讨论】：

【解决方案2】：

您的 img 标签语法错误。你有：

<label>
   <img style="width:200px;height:200px;">
</label>

但应该是：

<label>
   <img src="myimage.jpg" style="width:200px;height:200px;">
</label>

然后边框就会消失！如果你只想要一个白色方块使用：

<label>
   <div style="width:200px; height: 200px;"></div>
</label>

如果您需要更多说明，请告诉我！

【讨论】：