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

Question

我尝试将包含锚标记的渲染 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;}

完整的文章（带有第二个选项）可以在这里找到。

希望这能回答你的问题。