覆盖 Google recaptcha 的样式答案

【问题标题】：Override the styles of Google recaptcha覆盖 Google recaptcha 的样式
【发布时间】：2020-07-31 00:29:42
【问题描述】：

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

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

这些不是最终颜色，只是为了看看这是否有效

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

【问题讨论】：

尝试在css声明后面使用!important。所以像这样background: blue !important;
即使使用 !important 也无法正常工作。当我在 chrome 开发人员工具中看到时，它不是从本地 css 文件中选择 rc-anchor 标签，而是从 gstatic.com 中选择

【解决方案1】：

您可以通过提供更多的 css 特异性来覆盖

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

这将比您的选择器更重要

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

【讨论】：