Pseudoklas focus

Die pseudoklas focus stel style in vir 'n inset, teksarea of skakel met fokus. Fokus is wanneer jy op die inset geklik het en die kursor flikker daar (teks kan ingevoer word).

Sintaksis

cssinput:focus {
  
}

Voorbeeld

Nadat dit fokus gekry het, sal die inset 'n rooi rand en skaduwee kry:

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

Результат:

Sien ook

  • die pseudoklas link,
    wat style stel vir 'n onbesoekte skakel
  • die pseudoklas visited,
    wat style stel vir 'n besoekte skakel
  • die pseudoklas hover,
    wat style stel vir 'n skakel wanneer dit met die muis aanwyser beweeg word
  • die pseudoklas active,
    wat style stel vir 'n skakel wanneer dit geaktiveer word