reCaptcha Styling ist gebrochen

Question

Ich reCaptcha in die folgende Website implementiert. Ich habe recaptchalib.php von Google Code verwendet und nichts in der PHP-Datei geändert.

Allerdings scheint das Ergebnis reCaptcha in meiner Website zu brechen. Die Tasten haben einen seltsamen Leerraum über ihnen. Es funktioniert ganz gut, aber es ist nicht schön :(

Hier ist die Website das Problem: http://### (entfernt)

Hier ist der Code, den ich reCaptcha echo Form verwendet, um

require_once('recaptchalib.php'); 
$publickey = "XXXXXXXXXXX"; // you got this from the signup page 
echo recaptcha_get_html($publickey); 

Answer 1

Ich hatte das gleiche Problem auf allen Websites, die ich reCaptcha verwendet. Das CSS war irgendwie verzerrt. Aber ich entdeckte, dass es meine Körpergröße im Body-Tag war. Ich glaube, Sie haben das gleiche Problem. Benutz einfach Dieses CSS in Ihrem Stylesheet.

#recaptcha_area, #recaptcha_table { line-height: 0!important;} 

Answer 2

In meinem Fall hatte ich die display und Höheneigenschaften des input Widget zurück:

#recaptcha_area input { 
    height: auto; 
    display: inline; 
} 

Answer 3

Erst vor kurzem Re-Check Captcha (05/2014) hinzugefügt und die folgenden CSS-Schnipsel arbeiten für mich.

.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th { 
     line-height: 0 !important; 
    } 
    #recaptcha_area input { 
     height: auto; 
     display: inline; 
    } 

Answer 4

Dies hat den Trick für mich

#recaptcha_table { 
    table-layout: auto; 
} 

Answer 5

Dieser arbeitete für mich !!

#recaptcha_area input { 
     height:auto; 
     display: inline; 
    } 
#recaptcha_area * { 
    line-height:normal; 
} 

Answer 6

dies funktionierte für mich

.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th{ 
    line-height: 0 !important; 
} 
#recaptcha_area input { 
    height: auto; 
    display: inline; 

}

es anpassen mehr https://developers.google.com/recaptcha/old/docs/customization?hl=en