stylizacja reCaptcha jest zepsuta

Question

Zaimplementowałem reCaptcha na następującej stronie internetowej. Użyłem recaptchalib.php z Google Code i nie zmieniłem niczego w pliku PHP.

Jednak wynik reCaptcha na mojej stronie internetowej wydaje się zepsuć. Przyciski mają nad nimi dziwną białą przestrzeń. To działa dobrze, ale nie jest całkiem :(

Oto strona, która ma problemu: http://### (usunięty)

Oto kod, który kiedyś echo formularz Odśwież

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

Pozdrawiam

Answer 1

Miałem ten sam problem na wszystkich stronach internetowych, w których użyłem reCaptcha, CSS był w jakiś sposób zniekształcony, ale odkryłem, że to była moja wysokość linii w tagu body.Myślę, że masz ten sam problem. Po prostu użyj to css w twoim arkuszu stylów.

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

Answer 2

W moim przypadku musiałem zresetować display i wysokość właściwości widgetu input:

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

Answer 3

Niedawno dodanego Re-Captcha (05/2014) oraz następujące fragmenty css pracować dla mnie.

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

Answer 4

To załatwiło sprawę dla mnie

#recaptcha_table { 
    table-layout: auto; 
} 

Answer 5

ten pracował dla mnie !!

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

Answer 6

ten pracował dla mnie

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

}

aby dostosować go bardziej https://developers.google.com/recaptcha/old/docs/customization?hl=en