我的RazorPages网站上有facebook和microsoft身份验证设置 . 我按照指示here，一切都很好 .
我在登录页面中有这个代码：
<form asp-page="./ExternalLogin" asp-route-returnUrl="@Model.ReturnUrl" method="post" class="form-horizontal">
<div>
<p>
@foreach (var provider in Model.ExternalLogins)
{
<button type="submit" class="btn btn-default" name="provider" value="@provider.Name" title="Log in using your @provider.DisplayName account" >@provider.DisplayName</button>
}
</p>
</div>
</form>
它看起来像这样：
但是，我希望UI更好一点，比如：
有没有办法通过保持相同的通用HTML来实现这一点？或者我是否必须自定义编写HTML并填写我自己的按钮？
谢谢！