html - last - Recaptcha crea iFrame en la página, rompe el estilo

recaptcha v2 styles

Question

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>

Answer 1

Esto parece más simple y más preciso:

body > iframe { display:none !important; }

Answer 2

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;}

Answer 3

iframe[src="about:blank"]{display:none;}

Esto coincide con todos los iframes con el atributo "src" de "about: blank".