html - 为外部登录列表按钮提供图像

Question

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

OAuthWebSecurity.RegisterGoogleClient();

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

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

Answer 1

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

然后您将背景路径提供给此文本框并设置时间间隔 jquery 以自动检测此文本框中的任何更改并更改 div 的背景。

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