[CSS] Impedir que um texto seja selecionado

08/05/2017

0

Olá senhores e senhoras :D

É possível impedir que um texto seja selecionado utilizando somente css?

Valew ;)
Sergio Mono

Sergio Mono

Responder

Post mais votado

08/05/2017

body {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
   user-select: none;
}


Se quiser que input e text-area continue selecionando.

input,
textarea {
     -moz-user-select: text;
}

Fabio Parreira

Fabio Parreira
Responder

Mais Posts

09/05/2017

Sergio Mono

Muito obrigado Parreirafabio :D

Exatamente isso que eu procurava.

Valew.
Responder

10/05/2017

Raphael Alves

body {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
   user-select: none;
}


Se quiser que input e text-area continue selecionando.

input,
textarea {
     -moz-user-select: text;
}


Só acrescentando, você pode usar no HTML o atributo unselectable="on", ele vai servir pra apontar para o Opera, IE9 e versões anteriores.

Abraaço.
Responder

11/05/2017

Sergio Mono

Hmm interessante, Rafael.

Obrigado pela informação :)
Responder

12/05/2017

Dayan Barros

body {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
   user-select: none;
}


Se quiser que input e text-area continue selecionando.

input,
textarea {
     -moz-user-select: text;
}


Essa é nova para mim, nem conhecia!

Bem útil, mas se eu inspecionar o elemento, infelizmente consigo pegar o texto! =(
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar