为什么文字装饰显示在我客户的手机中，但在我的 phone 或浏览器中却没有显示？

Question

所以我遇到了一个奇怪的问题。

我创建了一个电子邮件签名，并对其进行了编码，使其不会在签名的 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>

签名在我这边显示正常，但我的客户有下划线 URLs 并且下划线的颜色不同。

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

Answer 1

好的，所以我认为您的问题是您的客户正在查看自动在链接下划线的应用程序（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

为什么文字装饰显示在我客户的手机中，但在我的 phone 或浏览器中却没有显示？

Why is the text-decoration showing in my client's mobile but not showing in my phone or browser?

html

email

outlook

html-email