Chrome中<input type="password">是否有原生显示密码功能？如何启用？

在Windows系统的Edge浏览器（版本123.0.2420.65）中，渲染以下HTML代码时，密码输入框内会自动显示「显示密码」按钮：

Password: <input type="password" />

（附Edge版本渲染效果截图）

但相同代码在Chrome浏览器（版本123.0.6312.86）中无此效果（附Chrome版本渲染效果截图）。

请问：

• 是否可通过HTML属性或CSS规则为Chrome用户启用该功能？还是仍需自行开发跨浏览器的显示密码功能？
• 「显示密码」按钮原本是Edge的原生功能，旧资料显示该功能曾计划推广至其他Chromium浏览器，但时隔5年Chrome稳定版仍未默认启用。该功能是否曾上线Chrome稳定版？能否针对特定字段启用？

问题解答 #

1. Chrome中启用该功能的方式 #

目前Chrome稳定版没有提供公开的HTML属性或CSS规则来强制启用原生「显示密码」按钮。若要在Chrome中实现该功能，需自行开发跨浏览器的自定义功能：

• 核心实现逻辑为切换输入框的type属性（在password与text间切换），搭配自定义的切换按钮完成功能。
• 可通过CSS调整按钮样式，使其贴近浏览器原生视觉效果，优化用户体验。

2. Chrome稳定版的功能上线状态 #

• 原生「显示密码」按钮从未正式上线Chrome稳定版。尽管Chromium项目曾有相关开发计划及实验性分支，但最终未推送到稳定版渠道。
• 目前也没有官方支持的方式针对特定密码字段启用该功能，Chrome稳定版始终默认不显示原生的显示密码按钮。

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