login - 我如何更改登录按钮（gmail oAuth）的图像，如stackoverflow

Question

我在我的应用程序中实现了 gmail oAuth，一切正常。

问题是如何更改 gmail 帐户的登录按钮图像。

我想让它像堆栈溢出一样。

我的代码如下，我无法找到如何更改谷歌为 oAuth 提供的按钮。

<script type="text/javascript">

    google.load("identitytoolkit", "1.0", { packages: ["ac"] });
</script>
<script type="text/javascript">
    $(function () {
        window.google.identitytoolkit.setConfig({
            developerKey: '<%=ConfigurationManager.AppSettings["developerKey"].ToString() %>',
            companyName: '<%=ConfigurationManager.AppSettings["companyName"].ToString() %>',
            callbackUrl: '<%=ConfigurationManager.AppSettings["weburl"].ToString() %>' + "ResultGmail.aspx",
            realm: "",
            userStatusUrl: '<%=ConfigurationManager.AppSettings["weburl"].ToString() %>' + "Login.aspx",
            loginUrl: '<%=ConfigurationManager.AppSettings["weburl"].ToString() %>' + "Login.aspx",
            signupUrl: '<%=ConfigurationManager.AppSettings["weburl"].ToString() %>' + "ResultGmail.aspx",
            homeUrl: '<%=ConfigurationManager.AppSettings["weburl"].ToString() %>' + "Default.aspx",
            logoutUrl: '<%=ConfigurationManager.AppSettings["weburl"].ToString() %>' + "Default.aspx",
            language: "en",
            idps: ["Gmail"],
            tryFederatedFirst: true,
            useCachedUserStatus: false
        });
        $("#navbar").accountChooser();
    });



</script>

这有意义吗，如果需要更多详细信息，请告诉我。

Answer 1

我不确定您所说的 Google 提供的 Oauth 按钮是什么意思？如果您想获得与 OAuth 使用的登录屏幕相同的登录屏幕，则使用 java-script 将用户发送到 OpenID 系统。

堆栈溢出不使用 OAuth，但它使用 Open-ID 协议让用户使用任何 Open-ID 提供程序登录。

这是使用与堆栈溢出相同的登录屏幕的项目链接，如果您只想要图像和屏幕布局可以使用该部分

打开 ID 选择器