覆盖reCAPTCHA CSS

我正在使用，而 ReAPTCHAXPROCENEXField出现在ReaPTCHA框的中间，与其他事物重叠。我发现这是因为这种风格：

.recaptchatable #recaptcha_response_field {
    position: absolute!important;

当我在Chrome中将

position

设置为

static

时，它看起来很好。但是，我不知道如何覆盖CSS选项

我试过：

• 将此添加到我自己的CSS中：

  .recaptchatable #recaptcha_response_field {
       position: static !important;
  }
  

• 在我的CSS中添加另一个名为

  .recaptcha_text

  • 通过div类调用它（环绕textarea）
  • 通过p类调用（环绕textarea）
  • 添加

    位置：静态！重要的到标准的
    标记

然而，我不能让我的css覆盖这个位置：静态！重要的；这是随脚本而来的：

有人能帮我解决我做错的事吗？谢谢大家!

这里的测试：（该测试似乎只在WebKit浏览器中有效）

这看起来像是一个简单的CSS专用性问题。reCAPTCHA CSS在您的CSS之后加载，并且您的选择器和他们的选择器具有相同的特异性（并且在声明中都具有

！important

），因此，由于他们的CSS是最后指定的，所以它获胜

您可以通过使您的选择器比他们的选择器更具体来解决此问题：

#recaptcha_area #recaptcha_response_field {
    position: static !important;
}

---

我在上面的演示中添加了这一点，通过检查

#recaptcha_response_字段

元素，我可以看出

位置

属性的计算值现在确实是

静态的

它应该是沙盒，因此请验证它不是导致问题的样式之一，例如，试着在空白页上用recaptcha重新编程。否则，recaptcha css是否在其自己的文件中？用本地修改的副本替换它。由于某种原因，当我把它放在css文件中时，它不起作用，但当我直接将它添加到html的头部时，它起作用了。谢谢