html - Web Outlook 中超链接的颜色

标签 html css email hyperlink outlook

我对 html 邮件中超链接的颜色有疑问。

我在不使用图像的情况下编写 html 邮件。只有 html 和 css,但我对超链接有疑问。 我正在使用带有内联 css 的类似 html 来制作一个按钮。

<table border="0" cellpadding="0" cellspacing="0" width="400"style="background-color:#2C9AB7; border-collapse:separate; border-radius:4px;">
<tr>
    <td align="center" valign="middle" style="color:#FFFFFF; font-family:Helvetica; font-size:18px; font-weight:bold; line-height:100%; padding:15px; text-align:center;">
        <a href="#" target="_blank" style="color:#FFFFFF; display:block; text-decoration:none; width:100%;">Buy Now</a>
    </td>
</tr>

它在 outlook 2007 中完美运行,但在此 outlook 中 https://outlook.office365.com (web outlook) 不是白色超链接,而是默认蓝色显示

我试图在标题中添加一些 css,但它没有帮助。

您有什么建议吗?谢谢

最佳答案

这个解决方案有效

此按钮适用于以下电子邮件客户端:

GMail、Yahoo、Hotmail 和 Outlook.com(网络邮件) iPhone 3GS、iPhone 5、iPad、苹果邮件 Outlook 2000 到 Outlook 2013 Android 2.3 & Android 4.0 邮件客户端 window 电话 7 莲花笔记 8+ 黑莓 5+ 美国在线邮件

<table cellspacing="0" cellpadding="0"> <tr> 
<td align="center" width="300" height="40" bgcolor="#000091" style="-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; display: block;">
<a href="http://www.EXAMPLE.com/" style="color: #ffffff; font-size:16px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height:40px; width:100%; display:inline-block">Awesome Email Button</a>
</td> 
</tr> </table> 

这里有一个方法

<div><!--[if mso]>
  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:53px;v-text-anchor:middle;width:200px;" arcsize="10%" stroke="f" fillcolor="#556270">
    <w:anchorlock/>
    <center>
  <![endif]-->
      <a href="http://"
style="background-color:#556270;border-radius:5px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:53px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">Get my free hours now!</a>
  <!--[if mso]>
    </center>
  </v:roundrect>
<![endif]--></div>

关于html - Web Outlook 中超链接的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24403277/

相关文章:

php - 如何修复重置类型输入并没有真正重置所有表单?

javascript - 查询 : fadein function not working

c++ - 如何在 C++ 中使用 yahoo 或 gmail 发送电子邮件

html - 搜索框在调整大小时使导航栏的高度加倍

email - 使用 JavaMail 读取电子邮件时,MimeMultipart 计数为零

HTML 电子邮件模板 Mailchimp、Outlook 和 Gmail 中的 CSS 问题

JavaScript 函数未在 Thymeleaf 中加载?

html - 永久删除 HTML5 Appcache list

javascript - 如何在 jQuery .html() 函数中打印 javascript 数组值?

html - 在 TD 内将 DIV 与同一行上的其他元素对齐