Google reCAPTCHA v2 忽略 CSS 对齐答案

【问题标题】：Google reCAPTCHA v2 ignores CSS alignmentGoogle reCAPTCHA v2 忽略 CSS 对齐
【发布时间】：2023-03-05 04:37:01
【问题描述】：

我正在尝试将 Google reCAPTCHA v2 元素与我的页面右侧对齐，但它似乎忽略了我的样式。

我尝试使用 CSS、HTML、PHP 和 JavaScript 来移动元素，但没有任何效果 - reCAPTCHA div 仍然与页面左侧对齐。我的代码没有抛出任何错误。

每次重新加载页面时，div 似乎会立即向右对齐，但当页面加载完成时，它又会再次左对齐。特别是，对于我的域来说，它几乎似乎很难被左对齐。是这样吗？我该怎么做才能覆盖div 的默认样式？

这是我迄今为止尝试过的：

HTML：

<div id='html_element'></div>
<script src="https://www.google.com/recaptcha/api.js onload=onloadCallback&render=explicit" async defer></script>

CSS：

.html_element {
    float: right;
}

【问题讨论】：

【解决方案1】：

在演示页面上：https://www.google.com/recaptcha/api2/demo

我使用 CSS 尝试以其他方式对齐它而不是左对齐：

它显示它所在的 div，如果你使用text-align: -webkit-center; 它会移动到中心。左对齐、右对齐等什么都不做，但 webkit-* 会:)

不确定是否有帮助，但希望有帮助。

【讨论】：