使用自定义Facebook和Google按钮登录ASP.NET Identity

Question

我创建了一个使用Facebook和Google身份验证进行帐户注册的网站.我有它正常运行,但我想自定义登录页面上显示的按钮.我不确定这些按钮是如何创建的.在Login.cshtml页面上:

<section id="socialLoginForm">
    @Html.Partial("_ExternalLoginsListPartial", new ExternalLoginListViewModel { ReturnUrl = ViewBag.ReturnUrl })
</section>

从呈现的HTML页面:

<form action="/Account/ExternalLogin" method="post"><input name="__RequestVerificationToken" type="hidden" value="BHNMCUkwp2vT26dQmD98yK52RaMQ18VkBeuH8ukS15WbRxofMAdbrGOoc0qS6HWvRUWgnJM6_tlkaDktGwCQVKS6hiD_gsH8242nckCrzBE6HKgH-OZsETVWj5nYYcxWj8u7nQ8CpFK6KzR8rDJyrg2" />            
    <div id="socialLoginList">
        <p>
            <button type="submit" class="btn btn-default" id="Google" name="provider" value="Google" title="Log in using your Google account">Google</button>
            <button type="submit" class="btn btn-default" id="Facebook" name="provider" value="Facebook" title="Log in using your Facebook account">Facebook</button>
        </p>
    </div>
</form>

我不确定如何为Facebook和Google创建不同的风格化自定义按钮,并让它们直接链接到相应的外部登录页面？

Answer 1

_ExternalLoginsListPartial是视图文件夹中的部分视图.寻找它,应该有按钮html代码或剃须刀.这是您可以自定义按钮的地方.而对于定制,我总是使用这个库 但当然,你总是可以自己制作.