javascript - Google reCAPTCHA v2 忽略 CSS 对齐

Question

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

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

每次页面重新加载时，它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;
}

Answer 1

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

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

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

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