Proprietà user-select - impedire la selezione del testo
La proprietà user-select controlla il comportamento
della selezione del testo e di altri elementi sulla pagina.
Sintassi
selettore {
user-select: none | contain | all | auto | text;
}
Valori
| Valore | Descrizione |
|---|---|
none |
Il testo non può essere selezionato. |
contain |
La selezione iniziata all'interno dell'elemento non uscirà dai limiti di questo elemento. |
all |
Se un doppio clic viene effettuato su un elemento annidato, verrà selezionato l'intero contenuto del genitore con questo valore della proprietà. |
auto |
Valore calcolato, determinato automaticamente come segue:
per gli pseudoelementi after e
before
il valore è none, per un elemento modificabile
il valore è contain, se il genitore dell'elemento ha il valore
all o none - lo stesso avrà l'elemento stesso,
altrimenti il valore sarà text.
|
text |
L'utente può selezionare il testo nell'elemento. |
Valore predefinito: text.
Nota
Alcuni valori potrebbero non funzionare in tutti i browser.
Esempio . Valore none
Il testo seguente non può essere selezionato:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Vedi anche
-
lo pseudoelemento
selection,
che controlla gli stili del testo selezionato -
la proprietà
pointer-events,
che rimuove la reazione al mouse
