Recaptcha создает iFrame на странице, разбивает стиль

Recaptcha добавляет "Этот фрейм предотвращает проблемы с кешем back/forward в Safari" iFrame в верхней части моего сайта (код включен ниже), который отталкивает стилизацию на 20-30 пикселей (приблизительно).

Если я установил display: none; в элемент Firebug, он исправил проблему.

Кто-нибудь знает, почему этот элемент имеет высоту (у меня нет CSS, который применяется к iFrames)? Или как установить отображение: none; на нем?

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

Ответ 1

Попробуйте CSS ниже:

/* ReCaptcha Iframe FIX */
iframe {display:none !important;}
header iframe,
section iframe,
footer iframe,
div iframe { display:inline; }

Если у вас нет других фреймов на сайте, о которых нужно беспокоиться, более простая версия должна быть достаточной:

iframe {display:none !important;}

В качестве альтернативы вы можете настроить таргетинг на все фреймы, где src="about:blank":

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

Ответ 2

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

Это соответствует всем iframes с атрибутом "src" "about: blank".

Ответ 3

Это кажется более простым и точным:

body > iframe { display:none !important; }