Vue3 Vant密码输入框眼睛图标消失之谜：如何隐藏浏览器默认显示的密码可见性图标？
时间 :
2024-11-21,17:33:01
编辑 ::ADMIN
vant 密码输入框的隐藏图标之谜
问题：
在使用 vue3 的 vant 库时，用户在使用密码输入框时发现了一个奇怪的问题。当第一次聚焦到输入框时，输入框中会出现一个眼睛图标。然而，当失去焦点后再重新聚焦时，眼睛图标却消失了。这是否是 vant 中存在的 bug？
答案：
经过调查，发现此问题并不是由 vant 库引起的。相反，这是浏览器自身在密码输入框中添加的默认行为。浏览器会自动在密码输入框中显示一个切换密码可见性的眼睛图标。
如何隐藏浏览器自带的眼睛图标：
如果你希望直接隐藏眼睛图标，可以使用以下 css 代码：
input[type="password"]::-webkit-toggle-password { /*chrome*/
-webkit-appearance: none!important;
display: none!important;
}
input[type="password"]::-moz-ui-password { /*firefox*/
-moz-appearance: none!important;
display: none!important;
}
input[type="password"]::-ms-reveal { /*edge*/
display: none!important;
}
400电话优惠
400电话办理 热门新闻
- 简单易懂--适合零基础的微信体···
- AI编写文章：未来写作的革新，···
- 网页安全：如何隐藏URL中的密···
- 如何通过SEO管理工具提升网站···
- 网页插件TOP推荐：提升效率、···
- 电商类小程序的特色是什么？
- 如何正确理解 Linux 中打···
- 中国SEO公司排名：如何选择最···
- 五指山哪家SEO公司收费合理？
- AI网页设计生成：未来网页设计···
- 为什么 CSS 背景中的 SV···
- 好耶副总裁李伟：广告主已非常重···
- AI写文章网站：开启写作新时代···
- 哪家正规SEO排名公司能助企业···
- Nginx如何实现基于请求体的···
- stringindexOf()···
- PHP虚拟主机支持哪些版本的P···
- 高效写作新时代AI写文章软件，···
- 视频号小店开通方法是什么？
- “2021色盲新图，考驾照必备···
- 如何有效监控和维护Linux服···
- 如何使用可信计算技术构建可信智···
- SEO排名培训SEO8，轻松登···
- 建站备案全流程中哪些环节最易出···
- 百度关键词排名：算法优化，内容···
- AI写作润色神器，提升文采一触···
- 东莞整站SEO优化策略：提升网···
- 兰州APP开发：创新科技引领智···
- “易下拉高效搜索助手”
- 蓉城百度新篇章
- 网站优化神器，快速提升排名
- 外包网络推广，省心高效，选对关···
- 提升Linux服务器上的Web···
- 第一天直播，如何快速吸引观众？
- 绿松石优化料，天然美钻升级版
- 如何在闲鱼快速找到圣水？
- 专题页SEO优化：提升网站流量···
- 如何高效爬取公众号文章？让你最···
- VPS与共享主机有什么区别，在···
- 根据建站程序是什么意思：如何评···
- 网站SEO神器，流量翻倍利器
- 忽视内部链接和网站结构的后果：···
- 南昌高端网站建设：打造专业品牌···
- 优化SEO策略，高效提升网站排···
- 创新销售策略，高效赢市场先机
- 天猫淘抢购报名点在哪？
- linux如何使用yum安装p···
- 免费博客建站指南：SEO优化+···
- 百度推广精优化，效果翻倍！
- 用文本缩写软件，释放写作效率，···