iOS版Outlook将日期转为蓝色链接的解决方法求助

方法1：用零宽字符分割日期（最稳妥的无CSS方案） #

直接在日期文本中插入零宽不换行字符（‌），破坏Outlook的日期识别逻辑，避免文本被自动转为链接。

示例：

<!-- 修改前 -->
TODAY'S DATE: 2024-05-20

<!-- 修改后 -->
TODAY'S DATE: 2024&zwnj;-&zwnj;05&zwnj;-&zwnj;20

方法2：内联样式强制覆盖 #

iOS版Outlook对元素内联样式的优先级较高，用<span>包裹日期文本并添加带!important的内联样式，即使文本被转为<a>标签，也会继承父元素的颜色：

基础示例：

<span style="color:#fffffd !important; font-size:inherit !important; font-family:inherit !important;">TODAY'S DATE</span>

若上述样式不生效，可添加display:inline-block增强优先级：

<span style="color:#fffffd !important; display:inline-block;">TODAY'S DATE</span>

方法3：媒体查询批量处理 #

如果邮件中有大量日期需要统一处理，可使用针对iOS设备的媒体查询，强制修改自动生成链接的样式，同时排除需要保留原有样式的自定义链接：

@media (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  /* 统一修改iOS版Outlook自动生成的链接样式 */
  a {
    color: #fffffd !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
  }
  /* 保留自定义链接的原有样式 */
  a.custom-link {
    color: #你的自定义链接颜色 !important;
  }
}

使用时，给需要保留颜色的链接添加class="custom-link"类即可。

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