【问题标题】:Cannot set color for visited links in Email无法为电子邮件中访问的链接设置颜色
【发布时间】:2012-05-06 15:43:57
【问题描述】:

这是一个简单的问题,我很难找到答案。我正在设置链接的颜色,如下所示:

<a style="color:#3067b3;text-decoration:none;" href="#">colored link</a>

但是当我点击链接时它无缘无故变成白色,我无法将它改回来。有人知道这是为什么吗?

注意:我正在设计一封电子邮件,旨在在不同的电子邮件客户端中看起来正确。否则我会在 CSS 文件中指定样式。

【问题讨论】:

  • 您是在浏览器、电子邮件还是文档中查看链接?

标签: html css email


【解决方案1】:

大多数电子邮件客户端将完全忽略任何非内联 CSS,因此外部样式表不是可行的方法

【讨论】:

    【解决方案2】:

    我遇到了同样的问题,发现在链接文本周围添加一个强标签可以防止它在点击时变成紫色。如果您不希望链接为粗体,只需将 font-weight:normal 添加到强标签

    【讨论】:

    • 是只有&lt;strong&gt;还是&lt;span&gt;等其他内联标签有效?
    【解决方案3】:

    斯蒂芬的解决方案确实对我有用。我还不能发表评论,所以这是 Rajneesh 要求的必要代码:

    <a href="http://www.example.org" style="text-decoration: none; color: #EC7405;">
        <strong style="text-decoration: none; color: #EC7405;">Example Link</strong>
    </a>
    

    请务必使用 ,我先用 进行了尝试,但没有成功,出于某种原因它需要使用 标签。还要确保在 中至少添加“text-decoration: none”样式,否则单击链接后可能会出现下划线。我使用了确定的解决方案并将完整样式添加到 中,比抱歉更安全;)

    【讨论】:

    • 如果您需要锚标签和强标签上的颜色,请添加,为什么?
    • 如果我没有格式化锚标记上的字体,链接将在默认链接颜色中有下划线(IIRC 仅在 Outlook 中,但由于这是布局的主要目标平台,它必须被修复)。可能删除下划线也可以。但由于我只需要添加相同的样式属性,我就这样做了。
    【解决方案4】:

    根据我的经验,最好的方法是使用标准正文链接和vlink,它确实可以在 Outlook 中使用

    <body link="#DD0000" vlink="#DD0000">
     <a href="#">Here</a>
      </body>

    【讨论】:

    猜你喜欢
    • 2013-01-04
    • 2012-08-15
    • 2015-02-10
    • 1970-01-01
    • 2010-12-28
    • 2019-07-15
    • 1970-01-01
    • 2013-08-19
    • 1970-01-01
    相关资源
    最近更新 更多