1

I can't figure out how to change these blue links Gmail is adding to the email I'm trying to code.

I've searched online and implemented their fixes but to no avail.

See here

Here's my code.

<th class="small-12 large-6 last columns text-right show-for-large" valign="middle" style="Margin:0 auto;color:#fff;font-family:'Open Sans',sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:16px;padding-top:16px;text-align:right;width:274px">
    <a href="https://website.com/wealth" style="Margin:0;color:#fff!important;font:inherit;font-family:'Open Sans',sans-serif;font-size:10px!important;font-weight:400;line-height:1.75;margin:0;padding:0;pointer-events:none;text-align:left;text-decoration:none!important">​Wealth</a>&nbsp;&nbsp; 
    <a href="https://discover.website.io/" style="Margin:0;color:#fff!important;font:inherit;font-family:'Open Sans',sans-serif;font-size:10px!important;font-weight:400;line-height:1.75;margin:0;padding:0;pointer-events:none;text-align:left;text-decoration:none!important">​News</a>&nbsp;&nbsp; 
    <a href="https://website.com/contact" style="Margin:0;color:#fff!important;font:inherit;font-family:'Open Sans',sans-serif;font-size:10px!important;font-weight:400;line-height:1.75;margin:0;padding:0;pointer-events:none;text-align:left;text-decoration:none!important">​Contact Us</a>&nbsp;&nbsp;
</th>

4

3 回答 3

2

我<span>在链接周围添加了一个标签，以使其按照 Alon 在评论中的建议工作。

于 2018-06-05T17:55:29.770 回答
0

因此，对于 gmail，为了获取超链接锚 () 的实际样式，您必须使用以下内联 css 来设置颜色并删除下划线： style="color: #FF0000; text-decoration:none; cursor:text; pointer-events: none;"

这是一个完整标签的样子： <a href="http://www.google.com/" style="color: #FF0000; text-decoration:none; cursor:text; pointer-events: none;">Click here to go to Google</a>

截止日期：19/09/2019

于 2019-09-19T09:01:09.893 回答
0

您需要更改 6 位值的颜色，我认为任何电子邮件客户端都不支持 3 位颜色。除了color&之外，我还将删除 a 标签上的所有内联样式text-decoration，同时删除!important. 字体样式将全部继承自th.

我在所有模板中使用的整体 css 修复如下。您还需要为您的<body>元素添加一个 id="body" 。

    u+#body a,
    #MessageViewBody a {
      color: inherit;
      text-decoration: none;
      font-size: inherit;
      font-family: inherit;
      font-weight: inherit;
      line-height: inherit;
    }

（#MessageViewBody a也会从三星邮件中删除蓝色链接，但无需将该 ID 添加到您的代码中。一个方便的修复程序。）

于 2018-06-06T08:02:59.753 回答