从Gmail转发并在iOS 10.2 Mail应用中查看时，我们的某些电子邮件签名链接会变为蓝色。有趣的是，只有第二个电话号码和网站是蓝色的，第一个号码和电子邮件不是。我不知道哪些东西搞砸了，Gmail或iOS邮件。
以下是代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin-ext" rel="stylesheet">
<style type="text/css">
body {
color: #0d0d0d;
font-family: 'Roboto', Arial, sans-serif;
font-size: 11px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 8px;
padding: 0;
width: 100% !important;
}
a {
color: #818181 !important;
font-size: 11px !important;
text-decoration: none !important;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
a span {
color: #818181 !important;
font-size: 11px !important;
text-decoration: none !important;
}
img {
-ms-interpolation-mode: bicubic;
outline: none;
text-decoration: none;
vertical-align: baseline;
}
a img {
border:none;
}
table td {
border-collapse: collapse;
}
table {
border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;
}
</style>
<!--[if mso]>
<style type="text/css">
body, table, td {
font-family: Arial, Helvetica, sans-serif !important;
}
</style>
<![endif]-->
</head>
<body style="color: #0d0d0d;font-family: 'Roboto', Arial, sans-serif;font-size: 11px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;margin: 8px;padding: 0;width: 100% !important;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #ffffff;border-collapse: collapse;margin: 0;padding: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" bgcolor="#ffffff">
<tr>
<td style="padding-bottom: 10px;border-collapse: collapse;">
<img src="logo.jpg" alt="Logo" style="-ms-interpolation-mode: bicubic;outline: none;text-decoration: none;vertical-align: baseline;">
</td>
</tr>
<tr>
<td style="padding-bottom: 15px;border-collapse: collapse;">
<span style="color: #0d0d0d; font-size: 16px; font-weight: 700;">Jane Doe</span><br>
<span style="color: #0d0d0d; font-size: 13px;">Project Manager</span><br>
</td>
</tr>
<tr>
<td style="padding-bottom: 5px;border-collapse: collapse;">
<img src="icon-mobile.png" alt="Mobile" style="-ms-interpolation-mode: bicubic;outline: none;text-decoration: none;vertical-align: baseline;"> <a href="tel:+400720000111" style="color: #818181 !important;font-size: 11px !important;text-decoration: none !important;"><span style="color: #818181 !important;font-size: 11px !important;text-decoration: none !important;">+400720000111</span></a> <img src="icon-phone.png" alt="Phone" style="-ms-interpolation-mode: bicubic;outline: none;text-decoration: none;vertical-align: baseline;"> <a href="tel:+400720000111" style="color: #818181 !important;font-size: 11px !important;text-decoration: none !important;"><span style="color: #818181 !important;font-size: 11px !important;text-decoration: none !important;">+400720000111</span></a><br>
</td>
</tr>
<tr>
<td style="padding-bottom: 8px;border-collapse: collapse;">
<img src="icon-mail.png" alt="Email" style="-ms-interpolation-mode: bicubic;outline: none;text-decoration: none;vertical-align: baseline;"> <a href="mailto:jdoe@gmail.com" style="color: #818181 !important;font-size: 11px !important;text-decoration: none !important;"><span style="color: #818181 !important;font-size: 11px !important;text-decoration: none !important;">jdoe@gmail.com</span></a> <img src="icon-web.png" alt="Website" style="-ms-interpolation-mode: bicubic;outline: none;text-decoration: none;vertical-align: baseline;"> <a href="http://www.google.com" style="color: #818181 !important;font-size: 11px !important;text-decoration: none !important;"><span style="color: #818181 !important;font-size: 11px !important;text-decoration: none !important;">www.google.com</span></a><br>
</td>
</tr>
<tr>
<td style="padding-bottom: 2px;border-collapse: collapse;">
<a href="https://www.facebook.com/" style="color: #818181;font-size: 11px;text-decoration: none;"><img src="icon-fb.png" alt="Facebook" style="-ms-interpolation-mode: bicubic;outline: none;text-decoration: none;vertical-align: baseline;border: none;"></a> <a href="https://www.linkedin.com/" style="color: #818181;font-size: 11px;text-decoration: none;"><img src="icon-linkedin.png" alt="LinkedIN" style="-ms-interpolation-mode: bicubic;outline: none;text-decoration: none;vertical-align: baseline;border: none;"></a> <a href="https://is.gd" style="color: #818181;font-size: 11px;text-decoration: none;"><img src="icon-skype.png" alt="Skype" style="-ms-interpolation-mode: bicubic;outline: none;text-decoration: none;vertical-align: baseline;border: none;"></a>
</td>
</tr>
<tr>
<td style="padding-bottom: 2px;border-collapse: collapse;">
<table border="0" cellpadding="0" cellspacing="0" width="305" style="border-collapse: collapse;margin: 0;padding: 0;width: 305px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<tr>
<td style="border-collapse: collapse;">
<hr style="border-top: 1px solid #666666;">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
尝试过！重要的是，用跨度加倍了风格，甚至是[x-apple-data-detector]，但似乎没有任何效果。
所以回顾一下：
有什么想法吗？
谢谢， 彼得