Código de CSS - Evitar la selección de texto con una Class CSS

Pos: 3

Val: 571

Ha mantenido su posición en CSS (en relación al último mes)

Evitar la selección de texto con una Class CSS

CSS

(1)

Actualizado el 25 de Octubre del 2016 por Scriptshow (141 códigos) (Publicado el 21 de Octubre del 2016)

3.806 visualizaciones desde el 21 de Octubre del 2016

Class-CSS aplicable a diversos elementos para evitar que sean seleccionados.
Puede resultar práctico para texto que al clicar y mover en su zona, acabe seleccionado parcial o totalmente sin pretenderlo; algo poco estético.

Lo vemos en el código del ejemplo.

Requerimientos

Un navegador web y dispositivos compatibles.

1.0
(1)

Actualizado el 25 de Octubre del 2016 (Publicado el 21 de Octubre del 2016)

gráfica de visualizaciones de la versión: 1.0

3.807 visualizaciones desde el 21 de Octubre del 2016

Un estandar básico.

<style>

.noselect {

-webkit-touch-callout: none;

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

</style>

<p>Texto seleccionable ...</p>

<br>

<p class="noselect">Texto no seleccionable ...</p>

Comentarios sobre la versión: 1.0 (1)

xve

25 de Octubre del 2016

Muy interensante!!! no sabia que se podía hacer con CSS!!!

Responder

Comentar la versión: 1.0

http://lwp-l.com/s3724

Responsive One Page Web 2.0

Botón con efecto sombra

Código de CSS - Evitar la selección de texto con una Class CSS

Requerimientos

1.0(1)

Comentarios sobre la versión: 1.0 (1)

Comentar la versión: 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

1.0
(1)