邮件签名 [英] Email signature
问题描述
因此，我进行了电子邮件签名，它可以在桌面版Gmail中正常工作.问题是，当我在桌面上打开电子邮件时，Outlook链接变成蓝色并带有下划线.我该如何解决?
So I have made a email signature and it works fine in desktop Gmail. The problem is that when I open an email in desktop Outlook links turn blue and underline . How can I fix this?
这是我的HTML
<td style="font-family:'Open Sans', sans-serif;color:#000000;font-size:9px;line-height: 14px;font-weight: 400;">
<a style="color:#000000!important;text-decoration:none!important;" href="" target="_blank" data-saferedirecturl="">
Av.Infante Santo, 69 a-c | 1350-177 Lisboa - Portugal
</a>
</td>
推荐答案
当Gmail在电子邮件中发现地址或电话号码时，它会自动添加一个额外的样式声明，该声明会格式化电子邮件中未附加内联样式的任何链接变成蓝色:
When Gmail spots an address or phone number in an email, it automatically adds an extra style declaration, which formats any link in the email that has no inline styles attached to it, as blue:
.ii a[href] { color: #15c; }
如何解决?
选项1:
- 将电话号码或地址包裹在
<span></span>中
- 给
<span>一个类.示例:<span class=contact></span> - 在电子邮件的
<style>部分中声明类别.
- Wrap the telephone number or address in a
<span></span> - Give the
<span>a class. Example:<span class="contact"></span> - Declare the class in the
<style>section of your email.
CSS:
.contact a {color:#000000!important; text-decoration:underline!important;}
HTML:
<span class="contact">675 Massachusetts Ave.<br>Cambridge, MA 02139, USA</span>
选项2:
为Gmail创建的所有链接添加默认样式，要使其正常工作，您需要在电子邮件的正文中添加一个正文ID(在此示例中).
Add a default styling for all links created by Gmail, for this to work you will need to add an id of body (in this example) to the body of your email.
CSS:
u + #body a {
color: inherit;
text-decoration: none;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
}
HTML:
<body id="body">
</body>
如果您想了解有关Gmail链接的更多信息，请访问上面示例代码的源代码，其中详细介绍了所有内容.
If you want to read more about Gmail links here is the source of the above example code which explains everything fully.
选项3 :(我通常使用)
在地址或电话号码中添加零宽度的非连接符代码(‌)和空格( )，以使数字不会成为链接.通常这是客户端要求禁用链接的请求.
Add a zero width non joiner code (‌) and space ( ) to the address or phone number so the numbers don't become a link. This is usually client request to disable link.
HTML:
1‌3‌5‌0-1‌7‌7 Lisboa
在此示例中，您需要的所有CSS将是您在HTML/
All CSS you need in this example will be the ones you use on your HTML/
希望这能回答您的问题.
Hope this answers your question.
这篇关于邮件签名的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
