iOS 版 Chrome 会检测到一个数字后紧跟字母“m”作为米长度单位,并为其添加一条虚线下划线,点击该下划线即可提供单位转换功能。
理想情况下,我想对文本的某些部分禁用此功能。如果这是不可能的,那么对整个文档禁用它将是一个不错的妥协。需要 HTML 或 CSS 解决方案。
解决方案必须是 A11y 友好的(因此没有替换字符)并且不使用 JS。我无法编辑文本,或更改数字末尾的“m”,因此没有需要更改文本本身标记的建议。对文本周围的标签进行标记更改是可以接受的。
有关该功能用户界面的更多详细信息,请参阅所附图片,您会注意到数字上自动生成的点下划线,后跟字母“m”。点击任何这些数字都会出现单位转换功能。
我找不到任何有关此功能的文档,甚至找不到功能名称。搜索 Chrome 的开发博客也没有给我带来任何有用的结果,因此,如果有人可以提供有关此功能的任何文章或官方文档的链接,我也会非常感激。
这是原始 HTML:
<div class="cell-text">
<h5>5m tpy</h5>
<p>Direct reduced iron production capacity</p>
<hr>
<h5>8,000+</h5>
<p>Steel Professionals</p>
<hr>
<h5>$5.9bn</h5>
<p>Total investments</p>
<hr>
<h5>450+</h5>
<p>Steel grades</p>
<hr>
<h5>$100m</h5>
<p>Invested in CSR projects</p>
</div>
更新:我在下面添加了点击功能底部的“报告问题”链接时显示的 UI 图像。它显示了一个反馈提交页面,其中引用了 Google,而不是 Apple,这让我认为这是一项 Chrome 功能,而不是 iOS 功能。
您可以在设置/内容设置/检测单位中禁用它。
该网站还可以使用元禁用它
<meta name="chrome" content="nointentdetection">