0
165
Visualizaçõesproblema extraño en css en el componente de reacción
Tengo un componente div en reaccionar. se usa para mostrar serchable dropdown que se puede buscar en reaccionar.
si hay una extension en el navegador, se trata del componente. como puede ver el icon sobre el componente. cuando inspeccioné este componente, aparece como se muestra a continuación. Se inserta una image dentro del div .
cuando estoy probando en otro browser donde no no extension , no viene así. es apropiado
¿Cómo puedo evitar que mi etiqueta div inserte una imagen automáticamente?
este icono sigue moviéndose cuando escribo el text .
1 Respostas
Responde à pergunta0
Este es el ícono que proviene de la extensión LastPass .
Y el ícono aparece en la etiqueta de entrada (en su caso, reaccionar-seleccionar tiene una etiqueta de entrada en el contenedor de valor)
Si desea ocultar su sitio para todos los usuarios, puede agregar el siguiente estilo CSS
img[id^=__lpform_][id$=_icon]{ display: none; }Si desea eliminar el nodo de html, puede agregar el siguiente fragmento de JS.
var lastPassInterval; lastPassInterval=setInterval(()=>{ document.querySelectorAll("[id^=__lpform_] [id$=_icon]") .forEach(el=>{ el.remove(); clearInterval(lastPassInterval)}) },500)El fragmento de código anterior encontrará todas estas etiquetas img con ID coincidentes y las eliminará de html.
De otra manera
En reaccionar-seleccionar en el componente de entrada, debe pasar data-lpignore="true" , evitará que LastPass muestre íconos en la entrada. Consulte la respuesta a continuación para obtener más información.