从输入中删除 safari 联系人下拉菜单

Question

在输入字段中输入内容时，Safari 会创建一个基于下拉列表的联系人。我不知道如何隐藏这个下拉菜单。我可以隐藏联系人按钮。

我正在运行 Safari 版本 11.0.1

小提琴重现：

https://jsfiddle.net/27n5jL40/1/

<input type="text" name="fname"><br>

隐藏自动填充按钮

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

Answer 1

嗯，我意识到这个答案可能有点晚了，但我想我可以提供帮助。我凭经验发现 Safari 从 a) 字段名称、b) 关联标签或 c) 相邻文本中获取提示。它可以计算出字段名称“名称”、“名字”、“姓氏”等内容，以及标签或相邻文本（如“名称”、“名字”、“姓氏”）。

在我的应用程序中，它与自定义自动填充竞争。我按如下方式击败了我的下拉菜单：

我将字段名称从

xx_firstname

更改为

mxyzptlk

，并将标签从

First Name

更改为

F‌irst N‌ame

。

‌

字符是零宽度非连接符。你在屏幕上看不到它，但它似乎击败了 Safari - 至少目前如此！

希望我能找到一些聪明的

css

，但这是我能想到的最好的。

Answer 2

我认为自从有人提出这个问题以来，现在 Apple 已经让解决这个问题变得更加容易...只需转到 Mac 上的 Safari 应用程序，选择 Safari > 设置，单击“自动填充”，然后确保“使用我的信息”联系人”被取消选择。