我可以更改我网站中的 facebook 登录按钮大小吗？

Question

我让 Facebook 登录我的网站，登录按钮代码是

<fb:login-button scope="public_profile,email" onlogin="checkLoginState();">
</fb:login-button>

我可以将此按钮更改为通常的按钮或更改其大小吗

Answer 1

在登录按钮中添加宽度属性：

<fb:login-button scope="public_profile,email" onlogin="checkLoginState();" width="200px">
</fb:login-button>

要不然：

在 div 中添加您的按钮并将 css 样式应用于 div。

<div class="site_login">
  <div class="facebook" >
   <fb:login-button scope="public_profile,email" onlogin="checkLoginState();" width="200px">
</fb:login-button>
   </div>

现在你可以应用这样的样式：

.facebook {
  width:300px;
  heigth:100px;
}

参考： 这里

Answer 2

<fb:login-button size="large"
                 scope="public_profile,email" 
                 onlogin="checkLoginState();">

或者

size="xlarge"

像这样你会使用。