css - 覆盖 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