如何删除Outlook中的链接下划线?

时间:2015-11-26 11:35:03

标签: html css email outlook text-decorations

我尝试创建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/>
&#13;
&#13;
&#13;

我真的没有想法如何在Outlook中创建一个没有下划线的可点击链接。即使&#39;下划线颜色:白色&#39;是一个选择。所有浏览器都不支持它,这使它有点无用。

欢迎任何建议!

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

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

enter image description here

在Apple Mail中收到后如何显示(注意:Chrome浏览器中的Gmail相同)

enter image description here

2 个答案:

答案 0 :(得分:3)

正在进行更新

由于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样式,让常规样式完成工作。

答案 1 :(得分:0)

尝试以下方法:

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