2

使用带有 IE9< 的 Recaptcha 的主题“clean”，输入验证码的输入不会出现在 (#recaptcha_table > tbody:nth-child(1) > tr:nth-child(2)) 中，而是再次显示。如何正确显示输入更改css？

4

1 回答 1

0

我已经检查过了，reCAPTCHA 在我的最终结果中无法在 IE 8 中工作。

解决此问题的最简单方法是创建自己的 reCAPTCHA 样式。因此，不必使用 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。

于 2013-07-10T12:59:30.213 回答