Question

我创建了一个自适应的HTML电子邮件，除了在iPhone上查看外，它可以在许多不同的平台上正常使用。

似乎iOS正在识别日期+时间并对内容应用蓝色/下划线。我在过去的几个小时里研究过这个问题并且处于死胡同。

我已尝试关闭电话号码格式检测：

<meta name="format-detection" content="telephone=no">

我已尝试在此处加入date和address：

<meta name="format-detection" content="telephone=no, date=no, address=no">

我尝试将!important添加到元素上的样式但仍然没有运气：

<h4 style="font-size: 16px;color: #FFFFFF !important; text-decoration:none !important;font-family: Arial;font-weight: bold;padding: 0;margin: 0;text-align: left;line-height: 1.3;word-break: normal;" class="appleLinksWhite">
    Thursday 20th November
</h4>

<p style="color: #FFFFFF !important; text-decoration:none !important;margin: 0;margin-bottom: 0;font-family: Arial;font-weight: normal;padding: 0;text-align: left;line-height: 19px;font-size: 14px !important;" class="appleLinksWhite">
    10:45am until 12:30pm,<br>The Feast, Suffolk Food Hall, Ipswich
</p>

我已尝试按照推荐的here向元素.appleLinksWhite添加一个类，但仍然无法解决问题。

我还尝试使用颜色和文字装饰设置将内容包装在<span>中，但这仍然无效。

我不知道要尝试其他事情。如何禁用此行为？

编辑*值得注意的是，问题仅出在iPhone 4/5上。 iPhone 6 / Plus很好。

Answer 1

这将消除蓝色+下划线样式（在iPhone 5，iOS 8.3上测试）：

a[href^="x-apple-data-detectors:"] {
    color: inherit;
    text-decoration: inherit;
}

Answer 2

我设法通过欺骗日期检测算法使其认为它没有通过在我的日期/时间字符串之间插入零宽度字符处理日期来实现这一点，例如：

<h4 style="font-size: 16px;color: #FFFFFF !important; text-decoration:none !important;font-family: Arial;font-weight: bold;padding: 0;margin: 0;text-align: left;line-height: 1.3;word-break: normal;" class="appleLinksWhite">
    Thursday&#8203; 20th&#8203; November&#8203;
</h4>

<p style="color: #FFFFFF !important; text-decoration:none !important;margin: 0;margin-bottom: 0;font-family: Arial;font-weight: normal;padding: 0;text-align: left;line-height: 19px;font-size: 14px !important;" class="appleLinksWhite">
    10:45am&#8203; until&#8203; 12:30pm&#8203;,<br>The Feast, Suffolk Food Hall, Ipswich
</p>

从HTML电子邮件iPhone中删除日期/时间样式

2 个答案: