html - 从outlook发送到gmail时如何防止html链接下划线？

Question

我尝试将包含 anchor 标记的渲染 html 复制粘贴到 outlook，例如:

<a href="tel:1000000000" style="text-decoration: none; color: #4e4b4c;">1000000000</a>

(我通过右键单击选择呈现的 html -> 全选)

但是当我将邮件发送到 gmail 时，我收到了带下划线的链接。我试图给这个元素 text-decoration: none; 风格，但它不起作用。

这是一个代码示例: https://codepen.io/anon/pen/WdKrvj

展望(发送方):

在 gmail 上(接收方):

谢谢!

Answer 1

放置链接是因为 Gmail 在您的链接示例周围放置了列表样式:

.ii a[href] { color: #15c; }

解决这个问题的方法是在您的电话号码(或地址)周围添加一个跨度

<span class="contact">675 Massachusetts Ave.<br>Cambridge, MA 02139, USA</span>

然后使用 CSS，您可以定位该特定元素并设置其样式

.contact a {color:#000000!important; text-decoration:underline!important;}

可以找到完整的文章(带有第二个选项)here.

希望这能回答您的问题。