Перейти к содержанию

:autofill

Псевдокласс :autofill используется в тех случаях, когда значение элемента <input> автоматически заполняется браузером. Класс перестает соответствовать, если пользователь редактирует поле.

Примечание

В таблицах стилей пользовательского агента многих браузеров в объявлениях стилей :-webkit-autofill используется !important, что делает их непереопределяемыми на веб-страницах без использования хаков JavaScript. Например, в Chrome во внутренней таблице стилей используется следующее:

1
2
3
background-color: rgb(232, 240, 254) !important;
background-image: none !important;
color: -internal-light-dark(black, white) !important;

Это означает, что в собственных правилах нельзя задать background-color, background-image или color.

Демо

Синтаксис

1
2
3
:autofill {
    /* ... */
}

Спецификации

Комментарии