[CSS] Impedir que um texto seja selecionado

CSS

Front-end

08/05/2017

Olá senhores e senhoras :D

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

Valew ;)
Sergio Mono

Sergio Mono

Curtidas 0

Melhor post

Fabio Parreira

Fabio Parreira

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;
}
GOSTEI 4

Mais Respostas

Sergio Mono

Sergio Mono

08/05/2017

Muito obrigado Parreirafabio :D

Exatamente isso que eu procurava.

Valew.
GOSTEI 0
Raphael Alves

Raphael Alves

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;
}


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.
GOSTEI 1
Sergio Mono

Sergio Mono

08/05/2017

Hmm interessante, Rafael.

Obrigado pela informação :)
GOSTEI 0
Dayan Barros

Dayan Barros

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;
}


Essa é nova para mim, nem conhecia!

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