Css MVC Facebook登录按钮样式

Css MVC Facebook登录按钮样式,css,Css,我有以下代码在MVC中创建Facebook登录按钮: <fb:login-button style="height:200px;" scope="public_profile,email,user_friends,user_about_me,user_likes" onlogin="checkLoginState();"> </fb:login-button> 这一切都很好,但我看到了这种风格的按钮: 我想看到这样的按钮: 我还想改变悬停中的背景色 如何使用CS

我有以下代码在MVC中创建Facebook登录按钮:

<fb:login-button style="height:200px;" scope="public_profile,email,user_friends,user_about_me,user_likes" onlogin="checkLoginState();">
</fb:login-button>

这一切都很好,但我看到了这种风格的按钮:

我想看到这样的按钮:

我还想改变悬停中的背景色


如何使用CSS实现这一点?

更改hover上的背景色只是应用一个:hover伪类。示例
。按钮:悬停{背景色:红色;}
你好!感谢您的回复。我知道如何使用css。我不知道如何修改fb:login button对象以在第二张图像中转换它。看起来无法设置此按钮的样式,因为它正在幕后创建iframe。您可以使用html/css(而不是facebook按钮)创建一个按钮,该按钮看起来与您的需求类似。然后点击,调用FacebookAPI显示登录页面。您可以参考此链接,感谢它工作正常。你真是个了不起的人!更改悬停时的背景色只是应用:hover伪类。示例
。按钮:悬停{背景色:红色;}
你好!感谢您的回复。我知道如何使用css。我不知道如何修改fb:login button对象以在第二张图像中转换它。看起来无法设置此按钮的样式,因为它正在幕后创建iframe。您可以使用html/css(而不是facebook按钮)创建一个按钮,该按钮看起来与您的需求类似。然后点击,调用FacebookAPI显示登录页面。您可以参考此链接,感谢它工作正常。你真是个了不起的人!