Ψευδοκλάση focus

Η ψευδοκλάση focus ορίζει στυλ για input, textarea ή σύνδεσμο με εστίαση εισαγωγής. Εστίαση εισαγωγής - είναι όταν πατάμε σε ένα input και εκεί αναβοσβήνει ο δρομέας-ραβδί (μπορούμε να εισάγουμε κείμενο).

Σύνταξη

cssinput:focus {
  
}

Παράδειγμα

Μετά τη λήψη της εστίασης, το input θα λάβει κόκκινο sborder και σκιά:

html<input>

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

Результат:

Δείτε επίσης