javascript - llamar - ¿Cómo puedo desactivar el resaltado en html o JS?



javascript externo (4)

¿Te refieres al resaltado de texto cuando arrastras el mouse sobre él?

La mejor manera de hacerlo sería usar una propiedad CSS3 llamada :: selection, sin embargo, al ser CSS3, aún no está bien soportado. Continúa y busca eso, de lo contrario, quizás haya una manera de hacerlo con Javascript.

https://ffff65535.com

Necesito deshabilitar el resaltado del texto seleccionado en mi aplicación web. Tengo una buena razón para hacer esto y sé que generalmente es una mala idea. Pero tengo que hacerlo de todos modos. No importa si necesito usar CSS o JS para hacerlo. A lo que me dirijo principalmente es la eliminación del color azul dado a los elementos resaltados.


Creo que estás buscando la: pseudo clase de enfoque. Prueba esto:

input:focus {
  background-color: #f0f;
}

Le dará a su entrada un bonito color púrpura / rosa cuando se seleccione.

No estoy seguro de qué propiedades tiene que (des) configurar, pero creo que puede descubrirlo utilizando el método de prueba y error.

También tenga en cuenta que el resaltado o ausencia del mismo es específico del navegador!


La solución CSS3:

user-select: none;
-moz-user-select: none;

También hay un prefijo de webkit para la selección del usuario, pero hace que algunos campos de formulario sean imposibles de enfocar (podría ser un error temporal), por lo que podría ir con la siguiente pseudo-clase para webkit:

element::selection

Si su objetivo final es hacer que sea más difícil copiar y pegar texto, Javascript y CSS no son la tecnología adecuada porque no puede deshabilitar la función de fuente de vista del navegador.

Algunas otras ideas (ninguna de ellas ideal):

  • un applet de java (usted controla tanto la visualización como la recuperación de texto)
  • Lo mismo en un complemento de navegador diferente (flash, silverlight, etc.)
  • Imágenes creadas del lado del servidor (bajo rendimiento)




highlight