CSS 删除 HTML 电子邮件 href 图像上的蓝色轮廓

Question

想知道当电子邮件包含图像时，我可以使用哪些方法去除匿名蓝色轮廓href link？我试过了

border: none;
outline: none;
text-shadow: none;
box-shadow: none;

但没有任何效果。

Answer 1

去除图片的边框：

a img {  
    border-style: none;
}

Answer 2

通过这个删除边框（如果你给了）：

Border:none;

也试试：

<img src="abc.jpg" border="0" />

如果有文字修饰，则通过以下方式去除：

text-decoration:none;

如果不会出现任何变化，请将您的代码放在 JSFIDDLE

Answer 3

问题不在 a 选择器中，而是在 img 选择器中，因此您必须删除 border（默认设置）。

因为这是用于电子邮件，所以我建议您在 img 中设置 border="0"，而不是 CSS 上方，只是为了尽可能多地跨客户端

像这样：

<img src="img.jpg" alt="img" border="0" />

如果您不喜欢这种方法，您可以随时 CSS 内联

<img src="img.jpg" alt="img"  style="border:0 none" />

查看有关电子邮件的更多信息tags/selectorshere

CSS Removing blue outline on HTML email href images