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

Question

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

万分感谢，托马斯

Answer 1

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

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

Answer 2

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

html

<label></label>
<input>

css

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

Answer 3

好消息是，is似乎在10.1.1中消失了