HTML: Evitar selección de texto con CSS
- 23 septiembre 2012
- 6 comentarios
- CSS, HTML.
Antes de nada, esto no sirve para Internet explorer. Y no me gustan esas páginas que vas a copiar un texto y no puedes, creo que esa actitud choca de forma directa con la filosofía intrínseca de la propia web; además de ser un par de puertas mal puestas en medio del campo ya que, si publicas un contenido sea en el formato que sea, se puede copiar y distribuir sin tu permiso, es mejor tenerlo asumido.
Por otro lado a veces por temas de interfaz y experiencia de usuario puede ser necesario, por ejemplo para botones usando la etiqueta A con , para eso existen estos atributos CSS. Un ejemplo de para qué puede ser util, se puede ver en la demo de mi plugin para jQuery: emm-select.
span.no_selection {
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select:none;
}