Proprietà CSS user-select

Definizione e uso

L'attributo user-select determina se è possibile selezionare il testo dell'elemento.

Nel browser web, se fai doppio clic sul testo, il testo viene selezionato o evidenziato. Questa proprietà viene utilizzata per prevenire questo comportamento.

Vedi anche:

Manuale di riferimento HTML DOM:Proprietà userSelect

Esempio

Previene la selezione del testo dell'elemento <div>:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ e Edge */
  user-select: none; /* Sintassi standard */
}

Prova da solo

Sintassi CSS

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

Valore dell'attributo

Valore Descrizione
auto Predefinito. Se il browser lo consente, è possibile selezionare il testo.
none Previene la selezione del testo.
text Il testo può essere selezionato dall'utente.
all Seleziona il testo facendo clic, non facendo doppio clic.

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: No
Produzione di animazioni: Non supportato. Vedi anche:Proprietà correlate agli animazioni.
Versione: CSS3
Sintassi JavaScript: object.style.userSelect="none"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Seguire l'uso dei prefissi con la versione iniziale specificata dopo -webkit-, -ms- o -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-