Cómo hacer un DIV no seleccionable en HTML

Se añadieron Cascading Style Sheets (CSS) para el estándar HTML que le permite controlar el aspecto y el comportamiento de los elementos en sus páginas web con mayor precisión. Por desgracia, los estándares web no siempre se aplican en todos los navegadores web de la misma manera con la misma sintaxis. Para evitar que el usuario seleccione texto en un elemento "div" en su página Web, debe especificar varias propiedades CSS para garantizar un comportamiento adecuado en los navegadores actuales, y un atributo de etiqueta especial debe ser utilizado para Internet Explorer. Otras propiedades ayudan a asegurar la compatibilidad con algunas versiones antiguas de navegadores.

Instrucciones

1 Coloque el siguiente código CSS entre las etiquetas "cabeza" de su documento HTML:

<Style type = "text / css">

.noselect {

user-select: none;

-webkit-user-select: ninguno;

-moz-user-select: -moz-ninguno;

}

</ Style>

La primera propiedad es el estándar mejor definido en el futuro, ya que es parte del proyecto de trabajo de la memoria descriptiva, el Wide Web Consortium Mundial de CSS3. El segundo es específico para el navegador Safari de Apple, y el tercero para Mozilla Firefox.

2 Asignar la clase "noselect" a una etiqueta "div" en el cuerpo del documento HTML para que el texto no seleccionable en ella. Por ejemplo:

<Div class = "noselect"> No puede seleccionar este texto. </ Div>

3 Añadir el atributo "no seleccionable" para una etiqueta "div" para añadir soporte para Internet Explorer:

<Div class = "" = Noselect no seleccionables "on"> No se puede seleccionar este texto. </ Div>

4 Guarde la página y lo carga en un navegador Web. El texto en el elemento "div" no se puede seleccionar. Si está utilizando una versión antigua de Safari u Opera, trate de añadir lo siguiente a la clase "noselect" en el código CSS:

-o-user-select: ninguno;

-khtml-user-select: ninguno;

5 Cambio ".noselect" a "div" en el código CSS para aplicar las propiedades de cada elemento "div" en la página, por lo que no tiene que especificar una clase para cada uno si desea que todos ellos para ser seleccionable. Usted todavía tiene que añadir el atributo "no seleccionable" a cada uno, sin embargo.