HTML5电子邮件 - iOS - 禁用字词建议？

Question

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

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

在我的iPhone 7上,Sleigh Bells是一个可点击的链接,可以显示底部的建议.

我试过用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"/>

但到目前为止,我还没有找到办法让这个词/短语不可点击,任何人都有任何想法？

Answer 1

根据我上面的评论（我还没有对此进行测试，但 OP 已确认它有效），向元素添加以下 CSS 样式可以禁用 iOS 设备上的链接点击行为。

pointer-events: none;

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

[x-apple-data-detectors]