HTML电子邮件链接颜色困境 [英] HTML email link color dilemma

问题描述

我设计了HTML电子邮件，但遇到以下问题:首先，我的整个设计是基于蓝色的，因此读者/用户无法读取任何蓝色文本，文本必须为白色. GMAIL会自动为电话号码上色并链接为蓝色，但是主要问题是Microsoft Outlook OWA.

I designed an HTML email and I am having the following issues: First my entire design is based on a blue color so any blue text will not be readable by the reader/user, text has to be white. GMAIL automatically color phone numbers and links blue but the main problem is Microsoft Outlook OWA.

要修复GMAIL中的电话号码和链接颜色，我做了以下操作:

To fix the phone number and link coloring in GMAIL I did the following:

<a style="color: #FFFFFF; 
   text-decoration: none" 
   href="#/">
       <span style="color: #FFFFFF; 
                    text- decoration: none">
           1800-000-0000
       </span>
</a>

这对于GMAIL以及我在我提到的大多数客户端使用Outlook或MS OWA(Outlook Web应用程序)的所有其他地方都很有效.

This works perfectly for GMAIL and every where else BUT as I mentioned most of my client uses Outlook or MS OWA (Outlook Web Application).

OWA会忽略我以嵌入式样式设置的颜色，并将链接默认设置为蓝色；只有在预览电子邮件时才会发生这种情况.如果您实际上打开了电子邮件，则所有样式都会出现.

OWA ignores the color I set in my inline style and makes the link default blue; this only happens when the email is previewed. If you actually open the email all the styles kicks in.

我的困境是，我该怎么办?我已经放弃希望了，但这是我的不得已.有没有一种方法可以覆盖Outlook OWA的链接颜色?我已经使用了！重要标记(FONT标签)，将其嵌套到5度.

My dilemma is, what should I do? I have already given up hope but this is my last resort. Is there a way to override the link color for Outlook OWA? I have used !IMPORTANT, the FONT tag, NESTING to the 5 degree.

这里的问题不是Outlook，而是OWA.

The Problem here is not Outlook but OWA.

这是我在Chrome中检查元素时的屏幕截图:

Here is a screenshot when I inspect the element in Chrome:

这是FF:

有什么想法吗?

请！

推荐答案

您可以通过包含<font>声明来获得成功，该声明在现代HTML中已弃用，尽管OWA的某些版本仍然尊重它:

You'll find success by including the <font> declaration, which is deprecated in modern HTML, though some versions of OWA still respect it:

<a style="color: #FFFFFF; text-decoration: none" href="#/"><span style="color: #FFFFFF; text- decoration: none"><font color="#FFFFFF">1800-000-0000</font></span></a>

这篇关于HTML电子邮件链接颜色困境的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！