iOS唤起记住密码的数字键盘，输入的时候发生闪烁的问题

yunchong_zhao

于 2021-12-10 10:58:13 发布

阅读量2.7k

点赞数 2

分类专栏： javascript css 前端文章标签： ios javascript vue.js

本文链接：https://blog.csdn.net/yunchong_zhao/article/details/121851410

版权

346 篇文章

订阅专栏

342 篇文章

订阅专栏

60 篇文章

订阅专栏

博客介绍了在iOS设备上，数字键盘下方的密码输入框因浏览器记住密码功能触发的闪烁问题。作者提供了一个解决方案，即创建一个不可见的高度为零的输入框来清除闪烁效果。通过CSS将输入框高度设为零，从而在不影响用户体验的情况下解决问题。关注作者获取更多前端知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主要是数字键盘下面贴着type=password类型的密码输入框，
浏览器记住密码，每次在数字键盘输入的时候，会自动尝试填充下导致会有闪烁问题的发生，给用户体验也不好

很多网友也说了，在数字键盘下面写一个“空”(用户看不见)的输入框
记住如果是vu e的话。设置v-show 不显示是不起作用的

<input   class="clearFlicker"/>

// 清除ios闪烁效果
		.clearFlicker {
			height: 0;
			min-height: 0;
			overflow: hidden;
		}

我是直接把输入框调整高度为零了。相当于不存在页面中，毕竟用户是看不到了

就解决了这个问题了

关注我持续更新前端知识。