鸿蒙系统中登录页自动填充 bug 导致的 input 背景色覆盖

问题描述

当在鸿蒙系统中,当检测到页面中的 inputtype="password" 的元素时,会在聚焦此元素或其前一个 input 元素时,异常触发自动填充,导致这两个 input 元素的背景色被覆盖。

鸿蒙自动填充问题示例

解决方案

全局添加以下样式,隐藏自动填充时的背景色:

1
2
3
input:-webkit-autofill {
-webkit-background-clip: text;
}

鸿蒙系统中登录页自动填充 bug 导致的 input 背景色覆盖
https://sun79.github.io/2025/07/08/harmonyos-autofill-bug/
作者
Sun79
发布于
2025年7月8日
许可协议