【问题标题】:text-decoration:none; being ignored in Outlook 2007文字装饰:无;在 Outlook 2007 中被忽略
【发布时间】:2011-10-07 22:29:05
【问题描述】:

在 Outlook 2007 中查看时,有没有办法使 text-decoration:none; 用于新闻通讯中的链接?我已经在头部和身体中尝试了内联样式,直接应用于锚标签以及所有三者的组合。无论如何,Outlook 2007 仍然为所有链接显示下划线。有什么办法吗?谢谢

【问题讨论】:

    标签: html css outlook html-email newsletter


    【解决方案1】:

    可以这样规避:

    <a href="#"><strong style="font-weight:normal">text here</strong></a>
    

    将文本放在一个强标签中,然后将其重置为正常字体粗细。

    【讨论】:

    • &lt;b&gt; 标签在这种情况下是正确的语义标签,因为您并没有试图强调重点
    • 我在 2017 年确认这是唯一适用于 Outlook 的可行解决方案。它从锚链接中彻底删除了下划线,这是预期的目标。
    • 哇,这太棒了。它确实有效。为什么我不知道为什么。我唯一需要为 Windows 邮件应用工作的事情
    【解决方案2】:

    我的 Outlook 2007 解决方案是这样的:

    <a href=""><span style="text-decoration:none">Text of the link</span></a>
    

    但实际上我用于我的案例的代码是这样的:

    <a href=""><strong><em><span style="text-decoration:none">Text of the link</span></em><strong></a>
    

    【讨论】:

      【解决方案3】:

      尝试在&lt;a&gt;标签内绑定&lt;span&gt;。使用以下代码sn -p:

      <a href="#" style="text-decoration:none;"><span style="text-decoration:none;">Click Here</span></a>
      

      【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-04-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-09-26
      • 2013-05-16
      • 2015-02-03
      • 1970-01-01
      相关资源
      最近更新 更多