在Google中注册-自定义按钮外观

Question

我使用以下代码对我的网站上的用户进行身份验证：

function handleCredentialResponse(response) {
  console.log("Encoded JWT ID token: " + response.credential);

window.onload = function() {
  google.accounts.id.initialize({
  client_id: "XXXXXXX.apps.googleusercontent.com",
  callback: handleCredentialResponse
});
google.accounts.id.renderButton(
 document.getElementById("buttonDiv"),
 { theme: "outline", size: "large" }
);

<div id="buttonDiv"></div>

但是我需要用我的网站设计来定制按钮..。

有可能像这样创建我自己的按钮吗？

<button type="button" onclick="googleLogin();">Connection with Google</button>

还有我能联系到的人。我测试了几个变体，但是它不起作用，初始化没有发生.

如何自定义保持当前代码的按钮(或者只是稍微修改一下)？

你有什么主意吗？

Answer 1

好吧，也许除了使用renderButton选项或简单的CSS之外，没有其他方法可以修改按钮样式。

但是还有另一种选择，那就是“第二个”API。Afaik，JS被认为是过时的，Google希望您使用第二个API。

所以，这里是关于将它集成到应用程序中的，而这里是关于定制按钮本身的。