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

时间:2015-07-14 00:46:49

标签: html css css3 html-email

想要查看当电子邮件包含图片href链接时,我可以使用哪些方法删除匿名蓝色大纲?我试过了

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

但是没有效果。

outline

3 个答案:

答案 0 :(得分:4)

从图像中删除边框:

a img {  
    border-style: none;
}

答案 1 :(得分:2)

通过此删除边框(如果您提供了任何内容):

Border:none;

还可以尝试:

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

如果有文字装饰,请按此删除:

text-decoration:none;

如果没有显示任何更改,请将您的代码放在JSFIDDLE

答案 2 :(得分:2)

问题不在a选择器中,而在img选择器中,因此您必须删除border(默认设置)。

因为这是针对电子邮件的,我建议您在border="0"中设置img,而不是在头顶上设置CSS,只是为了更多的跨客户端

类似的东西:

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

如果您不喜欢这种方法,您可以随时使用CSS inline

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

查看有关通过电子邮件发送标签/选择器here

的详细信息