Cómo hacer que el texto no sea selectable usando CSS
Es importante asegurar información personal y detalles privados en las páginas web. Este tipo de información podría estar en varios formatos, como imágenes, videos y formularios de texto. La forma más insegura es el texto
porque es claro y fácil de copiar de un lugar a otro. Para abordar tales situaciones, puede hacer que el texto no sea selectable utilizando algunos selectores o propiedades CSS especiales.
Esta redacción proporcionará una guía detallada sobre cómo puede hacer que algún texto no sea selectable en CSS
Cómo hacer que el texto no sea selectable usando CSS?
En CSS, para que el texto no sea selectable, usaremos el siguiente término:
- Propiedad selecta de usuarios
- :: Selector de selección
Exploremos cada propiedad una por una!
Método 1: hacer que el texto no sea selectable utilizando la propiedad de selección de usuarios de CSS
El "seleccionado por el usuario"La propiedad decide el comportamiento de cómo se seleccionará el texto de un elemento. Cuando el "ningunoSe asigna valor a esta propiedad, restringe la selección de texto.
Exploremos más sobre esta propiedad revisando el ejemplo a continuación.
Ejemplo
Actualmente, tenemos un texto en nuestra página en el estado seleccionado, y queremos que este texto no sea selectable con la ayuda de CSS:
En nuestro archivo HTML, asignaremos algún texto al " Html Linuxhint.IO En el archivo CSS, simplemente utilice el "seleccionado por el usuario"Propiedad con el valor"ninguno".Esto hará que el texto no sea selectable respectivamente. CSS Ahora, guarde el código mencionado y ábralo en su navegador favorito: Quiero aprender algo más interesante? Avancemos hacia el método dos. Método 2: hacer que el texto no sea selectable usando CSS :: Selection Selector En CSS, el "::selecciónEl selector se utiliza para diseñar la parte seleccionada de un elemento. Solo se pueden utilizar unas pocas propiedades CSS con este selector, como fondo, color, contorno y cursor. Ejemplo Selecciona el "::selección"Selector con el elemento. En el siguiente paso, especifique el "fondo"Propiedad con el valor"RGBA (0, 0, 0, 0)". Esto hará que la selección de texto sea transparente. Nota: El uso de la combinación de la propiedad Selector y CSS especificada seguirá siendo seleccionable el texto; Sin embargo, nadie sabrá si el texto está seleccionado o no por su transparencia: Producción Hemos cubierto los métodos más simples para hacer que el texto no sea selectable en CSS. Conclusión Para que el texto no sea selectable, el "seleccionado por el usuario"Propiedad y"::selección"Se puede usar el selector. Simplemente configurar la propiedad de selección del usuario en ninguno hará que el texto no sea selectable. Además, el selector de selección :: también se puede utilizar con propiedad de fondo. En esta publicación, ha aprendido a hacer que algún texto sea sin selectable con la ayuda de CSS pags
Usuario-selección: ninguno;p :: selección
Antecedentes: RGBA (0, 0, 0, 0)