Ψευδοκλάσμα :checked του CSS3

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

CSS :checked ψευδοκλάσμα χρησιμοποιείται για την αντιστοιχία οποιουδήποτε επιλεγμένου <input> ή <option> στοιχεία.

Αυτό ισχύει για τα στοιχεία <input type="radio">, <input type="checkbox"> και <select> στοιχεία <option>.

Παράδειγμα

Παράδειγμα 1

Ρυθμίστε ένα λεπτό κόκκινο περίγραμμα για όλα τα επιλεγμένα στοιχεία <input>:

input:checked {
  περιγράμματα: 1px αδύναμο κόκκινο;
}

Προσπάθησε το ίδιο!

Παράδειγμα 2

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

input[type="radio"]:checked {
  σκιά: 0 0 5px 3px μπλε;
}
input[type="checkbox"]:checked {
  σκιά: 0 0 5px 3px κόκκινο;
}
option:checked {
  χρώμα: μπλε;
  χρώμα-υποβάθρου: ρόδον;
}

Προσπάθησε το ίδιο!

Γλωσσάς CSS

:checked {
  θρήνες css;
}

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

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

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