Google api 谷歌+；FF和IE中的登录按钮在Chrome中工作

我正在尝试将google+登录按钮添加到我的页面。我遵循了开发者文档中的步骤：

如果用户登录到谷歌，那么它在所有浏览器中都可以正常工作。 如果用户未登录到谷歌，则仅在Chrome中显示登录按钮，而在FF和IE中不显示。在FF和IE中，呈现的html按钮的高度和宽度均为1px。如果我直接在浏览器中更改高度和宽度，按钮就在那里并且可以正常工作

有人知道只有在FF和IE中才会有这种行为，而在Chrome中却没有

这是我的html代码：

    <span id="signinButton">
        <span
          class="g-signin"
          data-callback="googleCallback"
          data-clientid="###key###"
          data-cookiepolicy="single_host_origin"
          data-requestvisibleactions="http://schema.org/AddAction"
          data-scope="https://www.googleapis.com/auth/plus.login">
        </span>
     </span>

     <script src="https://apis.google.com/js/client:platform.js" async defer></script>

---

由于我没有收到回复，我将在这里发布我是如何绕过这个问题的

这是一种非常肮脏的方式。我不喜欢它。如果有人找到更好的方法，请告诉我

我更新了googleCallback函数，因此它更改了按钮的CSS。它修改高度和宽度：

function googleCallback(authResult)     {
    if (authResult['status']['signed_in']) {
        console.log("ok");
    } else {
        // Update the app to reflect a signed out user
        // Possible error values:
        //   "user_signed_out" - User is signed-out
        //   "access_denied" - User denied access to your app
        //   "immediate_failed" - Could not automatically log in the user
        console.log('Sign-in state: ' + authResult['error']);
      }
}

---

您的代码无效。您缺少

googleCallback

中

f

语句的开头。我已经更新了问题，谢谢

function googleCallback(authResult)     {
    if (authResult['status']['signed_in']) {
        console.log("ok");
    } else {
        // Update the app to reflect a signed out user
        // Possible error values:
        //   "user_signed_out" - User is signed-out
        //   "access_denied" - User denied access to your app
        //   "immediate_failed" - Could not automatically log in the user
        console.log('Sign-in state: ' + authResult['error']);
      }
}