代码之家 › 专栏 › 技术社区 › nsilva

HTML5电子邮件-iOS-禁用单词建议?

html-email html css ios

nsilva · 技术社区 · 7 年前

我不确定我是否在搜索正确的东西,但在我发送的HTML5电子邮件中,我有以下行:-

<h3>IS THAT THE SOUND OF SLEIGH BELLS?</h3>

在我的iPhone 7雪橇铃铛上有一个可点击的链接,上面显示了一些建议,如底部的。

我尝试用span标记包装h3,我添加了以下CSS:-

[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;
}

它只是将文本样式设置为看起来不像链接,但仍然可以单击。

我还尝试添加以下行:-

<tag autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/>

但到目前为止,我还没有找到一种方法使这个单词/短语不可点击,有人知道吗?

2 回复 | 直到 7 年前

delinear 7 年前

根据我上面的评论(我还没有对此进行测试,但OP确认它可以正常工作),在元素中添加以下CSS样式可以禁用iOS设备上的链接点击行为。

pointer-events: none;

这可能必须通过问题中提到的iOS特定CSS规则添加:

[x-apple-data-detectors]

gwally 7 年前

我知道这个答案已经解决了,但我想为其他有数据检测器、Gmail和Windows 10 Mail问题的电子邮件客户端提供修复。

在Gmail中,这个电话号码会有一条蓝色下划线,并会变为蓝色,即使苹果数据检测器已经修复。此外,Windows 10 Mail在单词Monday下放置了一条黑色虚线:

800-422-4234 Monday through Friday, 8 a.m. to 9 p.m. Eastern Time.

我补充道 &zwnj; ,将非打印字符转换为800数字和单词Monday。我把 &zwnj; 在 Mo 因为 Mon Windows 10 Mail可识别 周一 作为星期一的缩写,它强调 周一 .

800-422-42&zwnj;34 Mo&zwnj;nday through Friday, 8 a.m. to 9 p.m. Eastern Time.

这修复了Gmail的数据检测,并修复了 Monday Windows 10 Mail中存在问题,但它会在单词下面加下划线 Friday . 所以我做了同样的修复:

800-422-42&zwnj;34 Mo&zwnj;nday through Fr&zwnj;iday, 8 a.m. to 9 p.m. Eastern Time.

这修复了我测试的每个主要电子邮件客户端中的数据检测问题。以下是我使用Apple数据检测的方式:

<style>
  [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;
}
</style>

我希望这能帮助其他面临电话号码和日期数据检测问题的人。

祝你好运

推荐文章

sudoExclamationExclamation · iOS自动布局-高度不能小于ThanOrEqualTo

5 月前