如何在输入字段中隐藏自动填充的野生动物园图标

Question

在我的每个输入字段中，Safari浏览器中都有带箭头的小人物图标。如何禁用它？顺便说一句，我有任何其他类似的页面，并且没有发生。我尝试关闭Web检查器中的所有样式，但一页上仍带有该图标。所以我不知道它是CSS还是HTML。

Answer 1

如果要完全隐藏它，可以使用以下CSS技巧。基本上，它会检测到“联系人自动填充按钮”，并将其从输入字段移开。确保您具有“
absolute：position”，以避免字段中出现多余的填充。

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