Actualmente, he puesto esto en la etiqueta del cuerpo para deshabilitar las selecciones de texto:
body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
Sin embargo, las cajas my input
y textarea
ahora no se pueden seleccionar. ¿Cómo puedo hacer que solo estos elementos de entrada se puedan seleccionar y el resto no se pueda seleccionar?
input
ytextarea
elementos: jsfiddle.net/Smy26Respuestas:
No aplique estas propiedades a todo el cuerpo. Muévalos a una clase y aplique esa clase a los elementos que desea deshabilitar seleccione:
fuente
element
no es compatible con Chrome / Safari.También puede deshabilitar la selección de usuario en todos los elementos:
Y luego habilítelo en los elementos que desea que el usuario pueda seleccionar:
fuente
Solo quería resumir todo:
fuente
fuente
puedes deshabilitar todas las selecciones
ahora puede habilitar la entrada y habilitar el área de texto
fuente
Utilice un selector de comodines
*
para este propósito.Ahora, cada elemento dentro de un div con id
div
no tendrá selección.Manifestación
fuente
en lugar de
body
escribir una lista de elementos que desee.fuente
Estoy de acuerdo con Someth Victory, necesitas agregar una clase específica a algunos elementos que quieres que no se puedan seleccionar.
Además, puede agregar esta clase en casos específicos usando javascript. Ejemplo aquí Hacer que el contenido no se pueda seleccionar con la ayuda de CSS .
fuente
Deshabilitar la selección en todas partes
IE7
fuente