錯誤顯示Recaptcha和IE

Question

使用IE9 <的Recaptcha主題「clean」，輸入captcha並未出現在（#recaptcha_table> tbody：nth-​​child（1）> tr：nth-​​child（2） ），但是再次顯示。如何正確顯示輸入更改CSS？

Answer 1

我檢查過了，reCAPTCHA在我的最後並沒有在IE 8中工作。

解決此問題的最簡單方法是創建您自己的reCAPTCHA風格。因此，不要使用reCAPTCHA中的「乾淨」模板。

該代碼會顯示您的驗證碼（我已經做了風格與之相似，以「清潔」）：

檢查JSBin：http://jsbin.com/utubal/1/edit或以下檢查：

<style> 
    #recaptcha_widget { 
    width: 400px; 
    padding: 5px; 
    border: 1px solid #CCCCCC; 
    font-family: Calibri, Ubuntu Light, Arial; 
    font-size: 12px; 
    } 
    #recaptcha_widget a { 
    text-decoration: none; 
    color: #2D7FC0; 
    font-weight: bold; 
    } 
    #recaptcha_image { 
    border: 1px solid #CCCCCC; 
    } 
    #recaptcha_response_field { 
    width: 300px; 
    } 
    </style> 
    <script type="text/javascript"> 
    var RecaptchaOptions = { 
     theme : 'custom', 
     custom_theme_widget: 'recaptcha_widget' 
    }; 
    </script> 
    <div id="recaptcha_widget" style="display:none"> 
    <div style="float:left; width: 80%;"> 
    <div id="recaptcha_image"></div> 
    <div class="recaptcha_only_if_incorrect_sol" style="color:red">Incorrect please try again</div> 

    <span class="recaptcha_only_if_image">Enter the words above:</span> 
    <span class="recaptcha_only_if_audio">Enter the numbers you hear:</span> 

    <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" style="border: 1px solid #cccccc;"/> 
    </div> 
    <div style="float: left; margin-left: 10px;"> 
    <div><a href="javascript:Recaptcha.reload()">REFRESH</a></div> 
    <div class="recaptcha_only_if_image"><a href="javascript:Recaptcha.switch_type('audio')">AUDIO</a></div> 
    <div class="recaptcha_only_if_audio"><a href="javascript:Recaptcha.switch_type('image')">IMAGE</a></div> 

    <div><a href="javascript:Recaptcha.showhelp()">Help</a></div> 
    </div> 
    <div style="clear: both;"></div> 
    </div> 

    <script type="text/javascript" 
     src="http://www.google.com/recaptcha/api/challenge?k=YOUR_PUBLIC_KEY"> 
    </script> 
    <noscript> 
    <iframe src="http://www.google.com/recaptcha/api/noscript?k=YOUR_PUBLIC_KEY" 
     height="300" width="500" frameborder="0"></iframe><br> 
    <textarea name="recaptcha_challenge_field" rows="3" cols="40"> 
    </textarea> 
    <input type="hidden" name="recaptcha_response_field" 
     value="manual_challenge"> 
    </noscript> 

我希望這會幫助你！

PS .:請記住用您的密鑰（2個位置）覆蓋YOUR_PUBLIC_KEY。