如何更改像stackoverflow一样的登录按钮（gmail oAuth）的图像

Question

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

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

我想让它像Stack溢出一样。

我的代码如下，我无法找到如何更改google为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脚本将用户发送到OpenID系统的界面。

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

这里是项目链接，它使用与Stack溢出使用相同的登录屏幕，如果你只想图像和屏幕布局可以使用那部分

Open ID Selector