Propriedade user-select - proibição de seleção de texto
A propriedade user-select controla o comportamento
de seleção de texto e outros elementos na página.
Sintaxe
cssseletor {
user-select: none | contain | all | auto | text;
}
Valores
| Valor | Descrição |
|---|---|
none |
O texto não pode ser selecionado. |
contain |
A seleção iniciada dentro do elemento não sairá dos limites desse elemento. |
all |
Se um duplo clique ocorrer em um elemento aninhado, todo o conteúdo do pai com este valor de propriedade será selecionado. |
auto |
Valor calculado, determinado automaticamente da seguinte forma:
para os pseudoelementos after e
before
o valor é none, para um elemento editável
o valor é contain, se o pai do elemento tiver o valor
all ou none - o mesmo será para o próprio elemento,
caso contrário, o valor será text.
|
text |
O usuário pode selecionar o texto no elemento. |
Valor padrão: text.
Nota
Alguns valores podem não funcionar em todos os navegadores.
Exemplo . Valor none
O texto a seguir não pode ser selecionado:
html<div id="elem">
Lorem ipsum dolor sit amet.
</div>css#elem {
user-select: none;
}
Результат:
Veja também
-
o pseudoelemento
selection,
que controla os estilos do texto selecionado -
a propriedade
pointer-events,
que remove a reação ao mouse