A propriedade user-select do CSS

Definição e uso

A propriedade user-select determina se o texto do elemento pode ser selecionado.

No navegador da web, se você clicar duas vezes no texto, o texto será selecionado ou destacado. Esta propriedade é usada para evitar esse comportamento.

Veja também:

Manual de referência do DOM HTML:Propriedade userSelect

Exemplo

Prevenir a seleção do texto do elemento <div>:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ e Edge */
  user-select: none; /* Sintaxe padrão */
}

Experimente você mesmo

Sintaxe do CSS

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

Valor da propriedade

Valor Descrição
auto Padrão. Se o navegador permitir, o texto pode ser selecionado.
none Prevenir a seleção de texto.
text O texto pode ser selecionado pelo usuário.
all Clique para selecionar o texto, em vez de clicar duas vezes.

Detalhes técnicos

Valor padrão: auto
Herança: Não
Produção de animação: Não suportado. Veja:Propriedades relacionadas a animação.
Versão: CSS3
Sintaxe do JavaScript: object.style.userSelect="none"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Seguindo as regras de uso do sufixo de prefixo da versão inicial para -webkit-, -ms- ou -moz- após o número.

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-