javascript - Google reCAPTCHA v2 忽略 CSS 对齐

Question

我试图将 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;
}

Answer 1

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

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

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

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