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

Question

有没有想法，如何通过CSS隐藏Safari中 这个烦人的输入图标或按钮？ 对我来说，我不知道这个新图标的含义，因为它对我没有任何功能。

非常感谢，Thomas

- T. Werner

---

这个什么时候出现？ - Goombah

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

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

Answer 1

我用以下方式解决了这个问题。

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

- ihaveaproblem

---

参见：https://dev59.com/H1kT5IYBdhLWcg3wZer_ - kitchin

Answer 2

好消息是，它似乎在10.1.1中已经消失了。

- Danial

---

我有它在10.1.2版本。 - Danial

Answer 3

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

html

<label></label>
<input>

CSS

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

- Арсений Иванов