为什么文本装饰会显示在客户的手机上,而不显示在我的手机或浏览器中?

时间:2019-07-31 13:06:44

标签: html email outlook html-email

所以我面临一个奇怪的问题。

我制作了一个电子邮件签名,并对其进行了编码,以使它不会在签名的URL上显示文本装饰下划线。

我没有在任何URL中获得文本修饰,这意味着它可以正常工作。

但是,我的客户获得带下划线的URL,并且与文本相比,下划线的颜色也有所不同...

可能是什么问题?代码有问题吗?

我要附加代码。

<table>
  <tr>
    <td>
      <p style="color: #404040;"><strong>JOHN DO</strong></p>
      <p style="color: #404040;font-size:10px">Business Manager</p>
      <p style="text-align: left;">&nbsp;</p>
      <p style="text-align: left;"><img src="https://www.example.co.uk/wp-content/uploads/2019/07/email-icon.png"
             alt=""
             width="20"
             height="20" />&nbsp;<a style="color: #808080;text-decoration:none;"
           href="mailto:john@example.co.uk">john@example.co.uk</a>&nbsp;&nbsp;</p>
      <p style="text-align: left;"><img src="https://www.example.co.uk/wp-content/uploads/2019/07/tel-icon.png"
             alt=""
             width="20"
             height="20" />&nbsp;8319831938</p>
      <p style="text-align: left;"><img src="https://www.example.co.uk/wp-content/uploads/2019/07/address-icon.png"
             alt=""
             width="20"
             height="20" />&nbsp;4 Demo Address</p>
      <p style="text-align: left;"><img src="https://www.example.co.uk/wp-content/uploads/2019/07/website-icon.png"
             alt=""
             width="20"
             height="20" />&nbsp;<a style="color: #808080;text-decoration:none;"
           href="https://www.example.co.uk">www.example.co.uk</a>&nbsp;&nbsp;</p>
    </td>
  </tr>
</table>

签名对我来说很好,但是我的客户使用带下划线的URL,并且下划线是不同的颜色。

请注意,客户端正在使用iPhone通过本机iOS电子邮件客户端查看签名。

1 个答案:

答案 0 :(得分:2)

好的,我想您的问题是您的客户正在使用自动强调链接的应用程序(iOS电子邮件)查看。关于堆栈交换,有一个问题可以解决,以及如何将其关闭: https://apple.stackexchange.com/questions/124277/some-texts-automatically-underlined-in-iphone-5-with-ios-7-1 但是对于您的代码,一切似乎都按预期工作,可以在此处查看: https://www.w3schools.com/code/tryit.asp?filename=G6JDDU1ON9ED