html - 给 externalloginlist 按钮一个想象

Question

我想知道您如何将图像作为外部登录（如 google 和 facebook）的实际按钮。我的意思是在这个区域，它在 AuthConfig.cs 文件中说明了这一点

OAuthWebSecurity.RegisterGoogleClient();

我确定必须将某些东西传递给此方法，但我不知道是什么。我也做了一些研究，Zocial 设计了我想要的必要按钮，但是当代码是这样的时候，我不确定如何将 Zocial 中的 css 类应用到 html 中的 externalloginlist 操作。

 <section class="social" id="socialLoginForm">
 <h2>Use another service to log in.</h2>
 @Html.Action("ExternalLoginsList", new { ReturnUrl = ViewBag.ReturnUrl })
 </section>

Answer 1

您可以创建一个位于负边距左侧的文本框，因此它可见但用户看不到。

然后你给这个文本框的背景路径和 settimeinterval jquery 来自动检测这个文本框中的任何变化并改变 div 的背景。

如果这种方式太长，您可以简单地绑定一个 jQuery 函数，其中 #your-div 触发背景图像更改。