如何禁用iOS Chrome自动检测数字加m为米单位的下划线功能

问题背景 #

iOS版Chrome会将数字后紧跟字母“m”的内容识别为长度单位“米”，自动添加点状下划线，点击可触发单位转换功能。需优先实现局部禁用，若不可行则全局禁用，仅允许使用HTML/CSS方案，且需符合无障碍（A11y）要求：不能使用JS、修改文本内容或末尾的“m”，仅可修改文本外围标签。

后续更新：该功能属于Chrome而非iOS，且在iOS Chrome 128.0.6613.98版本中已消失，推测为旧版本bug。

一、局部禁用方案（推荐） #

通过嵌套<span>标签并添加样式与无障碍属性，精准阻止目标文本的识别：

1. 对包含“数字+m”的<h5>内容嵌套<span>；
2. 添加aria-label属性（值与原文本一致）保证屏幕阅读器正常读取；
3. 用user-select: none（含-webkit前缀）阻止Chrome的交互式识别。

修改后的示例代码：

<div class="cell-text">
  <h5><span aria-label="5m tpy" style="-webkit-user-select: none; user-select: none;">5m tpy</span></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><span aria-label="$100m" style="-webkit-user-select: none; user-select: none;">$100m</span></h5>
  <p>Invested in CSR projects</p>
</div>

二、全局禁用方案 #

若需全站禁用该识别功能，在HTML的<head>中添加以下meta标签：

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

该标签用于控制浏览器自动检测各类内容类型，虽无专门针对长度单位的参数，但禁用多类型检测可间接阻止Chrome的单位识别逻辑，且不影响无障碍体验。

补充说明 #

• 该问题为Chrome旧版本bug，iOS Chrome 128.0.6613.98及后续版本已修复，无需额外处理；
• 旧版本用户可通过上述方案解决问题。

内容的提问来源于stack exchange，提问作者TFOH