: ενεργοποιημένο - CSS-Κόλπα

Anonim

Η :enabledψευδο-κλάση στο CSS επιλέγει εστιασμένα στοιχεία που δεν είναι απενεργοποιημένα και επομένως ενεργοποιημένα. Είναι σχετίζεται μόνο με μορφή στοιχείων ( , , ). Τα ενεργοποιημένα στοιχεία περιλαμβάνουν εκείνα στα οποία μπορείτε να επιλέξετε, στα οποία μπορείτε να εισαγάγετε δεδομένα ή στα οποία μπορείτε να εστιάσετε ή να κάνετε κλικ.

Έτσι, όταν ένα πλαίσιο ελέγχου είναι επιλεγμένο και στοχεύετε την ετικέτα αμέσως μετά:

input:enabled + label ( color: #333; font-style: italic; )

Το κείμενο της ετικέτας θα είναι σκούρο γκρι και πλάγιο εάν είναι ενεργοποιημένο το πλαίσιο ελέγχου, πράγμα που σημαίνει ότι ο χρήστης μπορεί να το ενεργοποιήσει και να απενεργοποιήσει.

Θεωρητικά, :enabledπρέπει να ταιριάζει με , ή με href χαρακτηριστικά, αλλά τα προγράμματα περιήγησης δεν φαίνεται να χειρίζονται αυτό το σενάριο. Μπορείτε να το στυλ , , , , και s που δεν είναι άτομα με ειδικές ανάγκες. Όταν υποστηρίζεται, θα πρέπει επίσης να μπορούμε να στοχεύουμε και

  • είναι παιδιά , αν δεν είναι άτομα με ειδικές ανάγκες.

    Θα νομίζατε επίσης ότι τα στοιχεία με contenteditable και τα tabindex χαρακτηριστικά θα ήταν επιλέξιμα με την :enabled ψευδο-τάξη. Οι προδιαγραφές δεν το δηλώνουν ούτε υποστηρίζουν τα προγράμματα περιήγησης.

    Χρώμιο Σαφάρι Firefox ΛΥΡΙΚΗ ΣΚΗΝΗ ΙΕ Android iOS
    Ολα 3.1 Ολα 9 9 Ολα Ολα