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

Question

我怎么能隐藏这个恼人的输入图标/按钮在Safari通过CSS?我不知道这个新图标是什么意思，因为对我来说它没有任何功能。

万分感谢，Thomas

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

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