Recaptcha tạo iFrame trên trang, ngắt kiểu dáng

Question

Recaptcha đang thêm khung "Khung này ngăn cản sự cố về sau/chuyển tiếp bộ nhớ cache trong Safari" iFrame lên đầu trang web của tôi (mã được bao gồm bên dưới) đang đẩy kiểu dáng 20-30px (xấp xỉ).

Nếu tôi đặt display: none; thành phần tử trong Firebug thì đã khắc phục được sự cố.

Có ai biết tại sao yếu tố này có chiều cao không (tôi không có CSS ​​áp dụng cho iFrames)? Hoặc cách đặt hiển thị: không có gì; trên đó?

<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

Thử CSS dưới đây:

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

Nếu bạn không có bất kỳ khung hình khác trên trang web phải lo lắng về, một phiên bản đơn giản hơn nên đủ:

iframe {display:none !important;} 

Ngoài ra, bạn có thể nhắm mục tiêu tất cả iframe nơi src="about:blank":

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

Answer 2

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

Điều này khớp với tất cả iframe với thuộc tính "src" của "about: blank".

Answer 3

Điều này có vẻ đơn giản hơn và chính xác hơn:

body > iframe { display:none !important; }