Skip to content

Добавляет доку про псевдокласс :autofill - #6022

Open
DrakesBot12 wants to merge 2 commits into
doka-guide:mainfrom
DrakesBot12:css/autofill
Open

Добавляет доку про псевдокласс :autofill#6022
DrakesBot12 wants to merge 2 commits into
doka-guide:mainfrom
DrakesBot12:css/autofill

Conversation

@DrakesBot12

@DrakesBot12 DrakesBot12 commented Jun 11, 2026

Copy link
Copy Markdown
Contributor

Описание

Добавляю доку про псевдокласс :autofill

Превью: https://content-6022.dev.doka.guide/css/autofill/

Closes #674

Чек-лист

  • Текст оформлен согласно руководству по стилю
  • Ссылки на внутренние материалы начинаются со слеша и заканчиваются слэшем либо якорем на заголовок (/css/color/, /tools/json/, /tools/gulp/#kak-ponyat)
  • Ссылки на картинки, видео и демки относительные (images/example.png, demos/example/, ../demos/example/)

@github-actions github-actions Bot added css Контент по CSS дока Справочный материал labels Jun 11, 2026
@vitya-ne

Copy link
Copy Markdown
Contributor

@DrakesBot12 привет, тут конфликт

@github-actions

Copy link
Copy Markdown
Превью контента из 231f4fb опубликовано.

Comment thread css/autofill/index.md

## Как понять

Браузер может визуально выделять автозаполненные поля (например, жёлтым в некоторых движках). Селектор `:autofill` позволяет переопределить это оформление, чтобы поля выглядели в едином стиле с остальными.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

По-моему стоит добавить побольше про автозаполненные поля.
Если я уберу один символ в таком поле, а потом верну, поле будет считаться автозаполненным ?
Кроме этого стоит добавить, что некоторые стили нельзя так просто изменить:

Image

Comment thread css/autofill/index.md

## Подсказки

💡 Прописывайте корректные значения [`autocomplete`](/html/autocomplete/) у полей, чтобы браузер предлагал уместные данные и чаще попадал в `:autofill`.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Это точно относится к :autofill ?

Comment thread css/autofill/index.md
## Подсказки

💡 Прописывайте корректные значения [`autocomplete`](/html/autocomplete/) у полей, чтобы браузер предлагал уместные данные и чаще попадал в `:autofill`.
💡 Для WebKit-движков иногда нужен дополнительный хак с `-webkit-text-fill-color` и длинной анимацией фона, чтобы убрать жёлтую заливку.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

дополнительный хак с -webkit-text-fill-color и длинной анимацией фона

А где про него узнать ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

css Контент по CSS дока Справочный материал

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Псевдокласс :autofill

2 participants