Ψευδοκλάση :focus-visible CSS

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

CSS :focus-visible ψευδοκλάσεις που εφαρμόζουν στυλ εστίασης μόνο όταν εστιάζεται με το πλήκτρο Tab, όχι με το ποντίκιο.

Αυτό μπορεί να χρησιμοποιηθεί με :focus Χρησιμοποιώντας μαζί, δημιουργήστε διαφορετικά στυλ εστίασης για την πληκτρολογία και την εστίαση με ποντίκιο/αφή.

Παράδειγμα

Επιλέξτε και ρυθμίστε το στυλ του κουμπιού που επιλέγεται και ρυθμίζεται με το πλήκτρο Tab του πληκτρολογίου:

button:focus-visible {
  κλίμακα: 2px solid red;
}

Προσπαθήστε το個人τικά

Γλώσσα CSS

:focus-visible {
  θέσεις css;
}

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

Υποστήριξη περιηγητή

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

Σχετικές σελίδες

Οδηγός:CSS ψευδοκλάση

Αναφορά:CSS :focus ψευδοκλάση