去掉Safari浏览器下密码输入框自带的小钥匙图标

da000shuai

于 2018-11-29 16:41:28 发布

阅读量3.7k

点赞数

文章标签： Safari浏览器input样式

本文介绍如何通过添加特定的CSS样式来隐藏Mac系统中密码输入框的小钥匙图标，该图标通常用于提示用户保存密码的功能。只需在样式表中加入指定的代码，即可实现这一效果。

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

Mac本密码输入框聚焦的时候会显示一个小钥匙的图标，点击可以提示用户保存密码。

想要去掉这个的话，添加以下css样式即可：


input::-webkit-credentials-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
    position: absolute; 
    right: 0;
}

代码出自http://www.mamicode.com/info-detail-2162996.html