reCaptcha容器未正确加载

Question

由于一些奇怪的原因，我的reCaptcha容器块似乎被打破了。我怀疑这可能是我设定的一种它不喜欢的风格，但对于我的生活，我无法弄清楚它是什么。

项目的链接是http://www.nbwindscreenrepairs.com/keytosuccess/

您会注意到各个块似乎已移位。

有什么想法吗？

Answer 1

来自其他论坛的回答：

span#recaptcha_privacy {
    display:none;
}

删除此页面的链接：http://www.google.com/intl/en/policies/

Answer 2

请试试这个：

.recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r7_c1 {
    background-position-x: -43px;
    background-position-y: -52px;
    height: 5px;
}

img#recaptcha_reload, img#recaptcha_whatsthis_btn { 
    height: 17px !important;
}

img#recaptcha_switch_audio {
    height: 18px !important;
}

保留!important以覆盖内联样式。

结果如下：

Answer 3

不要记得这段代码的来源。但它解决了这个问题。

<style type="text/css">
    #recaptcha_area input[type="text"] {
        display: inline-block;
        height: auto;
    }
</style>

放在recaptcha出现的文件中。

希望它有所帮助。

Answer 4

虽然我迟到了，但是这里的笏为我工作，下面的代码解决了我的问题

<style type="text/css">
    .recaptchatable .recaptcha_input_area #recaptcha_response_field{
     margin: 0 !important;
     top: 12px !important;
     padding: 2px !important;

    }
</style>