CSS :focus pseudoclass

Ορισμός και χρήση

CSS :focus Οι pseudoclasses χρησιμοποιούνται για να επιλέξουν και να ρυθμίσουν το στυλ των στοιχείων που αποκτούν προσοχή.

Παράδειγμα

Παράδειγμα 1

Επιλέξε και ρύθμησε το στυλ του πεδίου εισαγωγής όταν αποκτά προσοχή:

input:focus {
  χρώμα φόντου: yellow;
}

Προσπάθησε να το δοκιμάσεις

Παράδειγμα 2

Όταν το πεδίο εισαγωγής αποκτά προσοχή, αλλάξε το χρώμα φόντου και το πλάτος:

input:focus {
  χρώμα φόντου: yellow;
  χώρος: 250px;
}

Προσπάθησε να το δοκιμάσεις

Γλώσσα CSS

:focus {
  declarations css;
}

Τεχνικά λεπτομέρειες

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμήματα στη τράπεζα αναφέρονται στην πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το pseudoclass.

Σελίδες συναφειών

Εκμάθηση:Ψευδοκλάση CSS