隐藏safari浏览器在输入框右侧出现的小图标

guxuehua

于 2023-03-21 16:50:46 发布

阅读量479

点赞数

分类专栏：遇到的问题文章标签： safari

本文链接：https://blog.youkuaiyun.com/guxuehua/article/details/129692162

版权

遇到的问题专栏收录该内容

8 篇文章

订阅专栏

safari浏览器会在输入框右侧添加一个默认的小图标

用户icon

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

密码小图标

input::-webkit-credentials-auto-fill-button {
  display: none !important;
  visibility: hidden;
  pointer-events: none;
  position: absolute; /* 避免占用 input 元素额外的 padding，正常情况下存在 display: none!; 就可以了 */
  right: 0;
}