在 Safari 10 中隐藏自动添加的输入（用户）按钮（？）

Posted 2023-02-24

【中文标题】在 Safari 10 中隐藏自动添加的输入（用户）按钮（？）

【英文标题】：Hiding automatically added input (user) button in Safari 10(?)

【发布时间】：2016-09-26 09:32:09

【问题描述】：

知道如何通过 CSS 隐藏 this annoying input icon/button in Safari 吗？我不知道这个新图标的含义是什么，因为对我来说它没有任何功能。

一百万，托马斯

【问题讨论】：

什么时候出现？

奇怪的是，我发现没有关于显示哪个输入字段和不显示哪个输入字段的规则。有时在日期字段中（未标记为 type="date"），有时在其他字段中，如名字、姓氏等。重新加载页面后，它可能不会显示，只有在下次重新加载后。真是一点头绪都没有。默认情况下，我已经通过 CSS 隐藏了日历选择器、内部/外部微调器 html5/Webkit 元素，因为我必须自己为我的管理面板做这件事。但这对这个奇怪的新图标/按钮没有帮助。 ideaweb.de/s/160926c2osz.png

发现它的设置“自动填充网络表单：使用我的联系人中的信息”，但是否有机会不显示它，因为 autocomplete="off" 似乎没有帮助？

【参考方案1】：

我用这种方法解决了这个问题

input:focus::-webkit-contacts-auto-fill-button
    opacity: 0;

【讨论】：

另见：***.com/questions/38663578/…

【参考方案2】：

我注意到如果之前不存在空标签，则会出现图标。 可能的解决方案是从标签中删除所有文本并使用“之后”将其作为 css 属性，如下所示：

html

<label></label>
<input>

css

label:before 
content: 'some text for label';

【参考方案3】：

好消息是它似乎在 10.1.1 中消失了

【讨论】：

我在 10.1.2 有它