如何删除 Outlook 中的 link 下划线?
How do you remove link underlines in Outlook?
我正在尝试创建一个 HTML 签名,但无论我尝试什么,当我使用 Outlook (2007) 发送签名时,我所有的 link 都保留了下划线。奇怪的是:当我复制呈现的代码(从浏览器复制到 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 中创建一个没有下划线的可点击 link。尽管 'underline-color:white' 是一个选项。并不是所有的浏览器都支持,所以有点没用。
欢迎提出任何建议!
通过http://devspot.nl/testfile.html您可以自己尝试所有变体。
从 Chrome 复制到 Outlook 时的显示方式:
以及在 Apple Mail 中收到邮件时的显示方式(注意:Chrome-浏览器中的 Gmail 是相同的)
工作更新
由于 CSS 方法从未奏效,我建议 OP 查看下面的 link,它向您展示了如何更改 Outlook 内部的 hyperlink 样式:
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 样式,让常规样式来完成这项工作。
尝试以下操作:
<a style="color:#E3A216; text-decoration:none;">
<span style="color:#E3A216; text-decoration:none;">
<font color="#E3A216">
Link 1
</font>
</span>
</a>
我正在尝试创建一个 HTML 签名,但无论我尝试什么,当我使用 Outlook (2007) 发送签名时,我所有的 link 都保留了下划线。奇怪的是:当我复制呈现的代码(从浏览器复制到 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 中创建一个没有下划线的可点击 link。尽管 'underline-color:white' 是一个选项。并不是所有的浏览器都支持,所以有点没用。
欢迎提出任何建议!
通过http://devspot.nl/testfile.html您可以自己尝试所有变体。
从 Chrome 复制到 Outlook 时的显示方式:
以及在 Apple Mail 中收到邮件时的显示方式(注意:Chrome-浏览器中的 Gmail 是相同的)
工作更新
由于 CSS 方法从未奏效,我建议 OP 查看下面的 link,它向您展示了如何更改 Outlook 内部的 hyperlink 样式:
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 样式,让常规样式来完成这项工作。
尝试以下操作:
<a style="color:#E3A216; text-decoration:none;">
<span style="color:#E3A216; text-decoration:none;">
<font color="#E3A216">
Link 1
</font>
</span>
</a>