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

Оновлено: 11.01.2023

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

Псевдоклас :focus визначає стиль для елемента, який отримує фокус. Наприклад, ним може бути текстове поле форми, у яке встановлюється курсор.

Синтаксис

<i>Селектор</i>:focus { ... }

Приклад

Примітка

Chrome не додає стиль для елемента a, щоб змусити його розуміти правило a:focus, додайте до елемента <a> атрибут tabindex.

<a href="1.html" tabindex="1">Посилання</a>

Браузери

:focus

Переглянути сумісність з Can I use?

:focus