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

Question

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

谢谢一百万，托马斯

Answer 1

我以这种方式解决了这个问题

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

Answer 2

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

Answer 3

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

html

<label></label>
<input>

css

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