html - last - Recaptcha crea iFrame en la página, rompe el estilo
recaptcha v2 styles (3)
Esto parece más simple y más preciso:
body > iframe { display:none !important; }
Recaptcha está agregando un "Este marco previene problemas de caché de atrás / adelante en iFrame de Safari" al principio de mi sitio web (el código se incluye a continuación), que está alejando el estilo en 20-30px (aproximadamente).
Si configuro la display: none; para el elemento en Firebug solucionó el problema.
¿Alguien sabe por qué este elemento tiene una altura (no tengo CSS que se aplica a iFrames)? O cómo configurar la pantalla: ninguno; ¿en eso?
<iframe src="about:blank" style="height: 0px; width: 0px; visibility: hidden; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; ">
This frame prevents back/forward cache problems in Safari.
</iframe>
Pruebe el CSS a continuación:
/* ReCaptcha Iframe FIX */
iframe {display:none !important;}
header iframe,
section iframe,
footer iframe,
div iframe { display:inline; }
Si no tiene ningún otro marco en el sitio del que preocuparse, una versión más simple debería ser suficiente:
iframe {display:none !important;}
Alternativamente, puede orientar todos los iframes donde src="about:blank" :
iframe[src="about:blank"]{display:none;}
iframe[src="about:blank"]{display:none;}
Esto coincide con todos los iframes con el atributo "src" de "about: blank".