隐藏safari表单输入项右侧出现的图标

liangxhblog

于 2018-07-09 11:08:22 发布

阅读量1.5k

点赞数

文章标签： safari 输入框图标隐藏 text

本文链接：https://blog.youkuaiyun.com/liangxhblog/article/details/80967176

版权

本文介绍如何在Safari浏览器中隐藏表单自动填充按钮图标。通过简单的CSS代码即可实现这一功能，适用于需要统一表单样式或去除浏览器自带元素的应用场景。

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

在safari浏览器上的表单，点击表单项，有可能出现如图所示的图标：

这是浏览器自发的行为，想要隐藏这个图标，在css里加入以下代码即可。

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