【问题标题】:How do you remove link underlines in Outlook?如何在 Outlook 中删除链接下划线?
【发布时间】:2016-02-29 11:45:41
【问题描述】:

我正在尝试创建一个 HTML 签名,但无论我尝试什么,当我使用 Outlook (2007) 发送它时,我的所有链接都带有下划线。奇怪的是:当我复制呈现的代码(从浏览器复制到 Outlook)时,它没有显示任何下划线。但是,一旦我发送它,似乎所有格式都消失了,下划线又出现了。如果我从任何其他客户端向 Outlook 发送了相同的内容,则不会发生这种情况,并且会正确显示。

我尝试过的一些示例:

<a href="#" style="border-style:none;text-decoration:none;">Link 1</a><br/>
<a href="#" style="border-style:none!important;text-decoration:none!important;">Link 2</a><br/>
<a href="#" style="text-decoration:none !important; text-decoration: none">Link 3</a><br/>
<a href="#" style="text-decoration: none"><span style="text-decoration: none">Link 4</span></a><br/>
<a href="#" style="text-decoration:none">Link 5</a></br>
<a href="#" style="text-decoration:none; text-decoration: none !important"><span style="text-decoration:none; text-decoration: none !important">Link 6</span></a><br/>
<a href="#" style='text-decoration:none;text-underline:none'><span style='text-decoration:none; text-underline:none'>Link 7</span></a><br/>

我真的不知道如何在 Outlook 中创建一个没有下划线的可点击链接。即使“下划线颜色:白色”是一个选项。并不是所有的浏览器都支持,这就有点没用了。

欢迎提出任何建议!

通过http://devspot.nl/testfile.html,您可以自己尝试所有变体。


从 Chrome 复制到 Outlook 时的显示方式:

以及在 Apple Mail 中收到时的显示方式(注意:Chrome 浏览器中的 Gmail 相同)

【问题讨论】:

标签: html css email outlook text-decorations


【解决方案1】:

工作更新

由于 CSS 方法从未奏效,我建议 OP 看看下面的链接,该链接向您展示如何更改 Outlook 本身内部的超链接样式:

http://www.msoutlook.info/question/remove-underline-and-changing-hyperlinks-color

-- 不适用于 OP--

试试这个:

<a href="#" style="text-decoration:none !important; text-decoration:none;">Link</a>

之所以可行,是因为 Outlook 去除了 !important 样式,而保留了常规样式来完成这项工作。

【讨论】:

  • 我希望它有效,但遗憾的是它没有。在任何邮件客户端(Gmail、Outlook、Apple Mail)中收到所有 8 个链接(包括您的链接)时,都带有下划线。我检查了所有 Outlook 设置,但找不到任何相关内容,尽管它应该与 Outlook 本身有关..
  • 能不能看看这个非css的方法。我很确定我已经能够使用以下内容删除超链接 - msoutlook.info/question/…
  • 我认为 Outlook 在您自己的硬编码 CSS 样式之上强制使用通用样式。因为当我创建新样式时,取消选择下划线并将其应用于链接一切正常。所以嗯..你知道的。使用该链接创建一个新答案,我将其选为“答案”:)
  • 很高兴 Sander 成功了!我已经更新了我的帖子,而不是创建另一个帖子。
【解决方案2】:

尝试以下方法:

<a style="color:#E3A216; text-decoration:none;">
  <span style="color:#E3A216; text-decoration:none;">
    <font color="#E3A216">
      Link 1
    </font>
  </span>
</a>

【讨论】:

  • 编辑:你忘记了没有把它变成链接的 href="#"。所以可悲的是它仍然不起作用..
猜你喜欢
  • 1970-01-01
  • 2020-06-28
  • 2013-11-10
  • 2015-11-10
  • 1970-01-01
  • 2021-01-26
  • 2011-01-03
  • 1970-01-01
  • 2012-06-06
相关资源
最近更新 更多