freeCodeCamp/guide/russian/css/selectors/pseudo/focus/index.md

1.7 KiB
Raw Blame History

title localeTitle
Focus фокус

фокус

Определение

Объект :focus представляет собой элемент, получивший состояние фокусировки, вызванное событием с клавиатуры. Действие триггера происходит от нажатия клавиши TAB , которая визуально создает кольцо вокруг элемента.

Синтаксис

:focus

пример

a:focus { 
  color: red; 
 } 

Вывод

Ссылка JSfiddle

Дополнительная информация:

MDN - Сеть разработчиков Mozilla | : focus - CSS

Псевдокласс класса: focus CSS используется для выбора элемента с фокусом (например, ввода формы).

Это обычно срабатывает, когда пользователь щелкает или нажимает на элемент или выбирает его клавишей «tab».

Синтаксис:

:focus 

пример

HTML:


<form> 
  <input type="text" value="The background will turn yellow when you click on it."> 
 </form> 

CSS:

input:focus { 
   background-color: yellow; 
 } 

Дополнительная информация:

Для получения дополнительной информации посетите MDN

W3.org | Документация по CSS