Cómo deshabilitar la selección de texto usando CSS

Descubra cómo deshabilitar la selección de texto usando la propiedad CSSuser-select

Por defecto, los navegadores nos permiten seleccionar el texto en el navegador usando el teclado, presionando la combinación cmd-A en una Mac, por ejemplo, o usando el mouse.

¿Cómo puede desactivar eso para que su página web se comporte más como una aplicación y menos como un documento?

Utilizar eluser-select: none;Regla CSS.

Necesita utilizar prefijos de navegador, comohttps://caniuse.com/#feat=user-select-noneCuéntanos:

-webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

Una cosa que uso a veces es hacer que toda la interfaz de la aplicación no se pueda seleccionar aplicandouser-select: none;en el elemento del cuerpo, luego puedo volver a habilitarlo en elementos específicos, usando:

user-select: text;

Descarga mi gratisManual de CSS


Más tutoriales de CSS: