The focus pseudo-class

The focus pseudo-class sets styles for input, textarea or links with input focus. Input focus - this is when we clicked on the input and the stick cursor blinks (you can enter text).

Syntax

cssinput:focus {
  
}

Example

After receiving focus, the input will have a red border and shadow:

html<input>

cssinput:focus {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

Результат:

See also