Скрытие автоматически добавленной кнопки ввода (пользователя) в Safari 10(?)

Question

Любая идея, как я могу скрыть эту надоедливую иконку ввода / кнопку в Safari через CSS? Я понятия не имею, что означает этот новый значок, потому что для меня он не имеет никакой функциональности.

Thx миллион, Томас

Answer 1

Я решил эту проблему таким образом

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

Answer 2

Я заметил, что значок появляется, если ни одна пустая метка ранее не существовала. Возможное решение состоит в том, чтобы удалить весь текст из метки и поместить его как свойство css, используя "после", например:

HTML

<label></label>
<input>

CSS

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

Answer 3

Хорошей новостью является то, что, похоже, ушел в 10.1.1