Η ιδιότητα user-select του CSS

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

Η ιδιότητα user-select καθορίζει αν μπορεί να επιλεγεί το κείμενο του στοιχείου.

Σε διαδικτυακή πλοήγηση, αν κάνετε διπλό κλικ στο κείμενο, το κείμενο θα επιλεγεί ή θα εμφανιστεί με έντονση. Αυτή η ιδιότητα χρησιμοποιείται για να αποτρέψει αυτό το comportment.

Δείτε επίσης:

Οδηγός HTML DOMΙδιότητα userSelect

Παράδειγμα

Προφύλαξη επιλογής κειμένου του στοιχείου <div>:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ και Edge */
  user-select: none; /* Τυπική σύνταξη */
}

Προσπαθήστε να το δοκιμάσετε!

Γλώσσα σύνταξης CSS

user-select: auto|none|text|all;

Τιμή ιδιότητας

Τιμή Περιγραφή
auto Προεπιλεγμένο. Αν επιτρέπεται από τον περιηγητή, μπορεί να επιλεγεί το κείμενο.
none Προφύλαξη επιλογής κειμένου.
text Το κείμενο μπορεί να επιλεγεί από τον χρήστη.
all Επιλέξτε κείμενο κάνοντας κλικ, αντί για διπλό κλικ.

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

Προεπιλεγμένη τιμή: auto
Κληρονομικότητα: Όχι
Δημιουργία κινήσεων: Δεν υποστηρίζεται. Δείτε επίσης:Προσαρμοστικές ιδιότητες κινήσεων.
Έκδοση: CSS3
Γλώσσα σύνταξης JavaScript: object.style.userSelect="none"

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

Οι αριθμοί στην τаблицة αναφέρουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.

ακολουθήστε τη χρήση του πρόθεματος της πρώτης έκδοσης μετά τον αριθμό που καθορίζει η -webkit-、-ms- ή -moz-.

Chrome IE / Edge Firefox Safari Opera
54.0
6.0 -webkit- 		79.0
10.0 -ms- 		69.0
2.0 -moz- 		3.1 -webkit- 41.0
15.0 -webkit-