覆盖Google Recaptcha的样式

Question

我有一个HTML / Bootstrap页面，我正在使用google recaptcha V2。我有一个正在工作的样式类css文件（我正在通过此css工作其他样式）。我试图覆盖“我不是机器人”的背景颜色，所以我在CSS文件中添加了以下行：

.rc-anchor-light {
background : blue;
color : red;
}

这些不是最终的颜色，只是为了看看是否可行

但它不起作用，即使当我检查元素时，我也会看到来自styles__ltr.css而不是css文件的rc-anchor-light条目。我在哪里错了？

Answer 1

您可以通过提供更多的CSS特殊性来覆盖，例如

div .rc-anchor-light {
  background : blue;
  color : red;
} 

这比选择器的权重更大

您可以在这里了解更多信息https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

如果不起作用，那么您的最后一个选择是添加!important