Pseudoklasse focus

De pseudoklasse focus definieert stijlen voor een invoerveld, textarea of link met invoerfocus. Invoerfocus betekent dat we op het invoerveld hebben geklikt en daar knippert de staafcursor (er kan tekst worden ingevoerd).

Syntaxis

cssinput:focus {
  
}

Voorbeeld

Na het krijgen van focus krijgt het invoerveld een rode rand en schaduw:

html<input>

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

Результат:

Zie ook