更改Facebook的登录按钮宽度和高度

我有以下代码：更改Facebook的登录按钮宽度和高度

<div class="fb-login-button" data-max-rows="1" data-size="large" data-show-faces="false" data-auto-logout-link="true" data-login-text="Sign in with Facebook"></div>

我希望能够到按钮的宽度和高度，以某种方式改变为自定义大小。

这可能吗？

我使用CSS技术来操纵IFRAME尝试，但它似乎没有工作，比如将它添加到CSS中检查元素：

._4z_b{ 
background: #4c69ba; 
background: -webkit-gradient(linear, center top, center bottom, from(#4c69ba), to(#3b55a0)); 
background: -webkit-linear-gradient(#4c69ba, #3b55a0); 
border-color: #4c69ba; 
-webkit-border-radius: 2px; 
color: #fff; 
font-family: "Helvetica neue"; 
-webkit-font-smoothing: antialiased; 
text-shadow: 0 -1px 0 #354c8c; 
width: 249px; 
height: 36px; 
}

我怎么能覆盖所作出的IFRAME Facebook将纳入这一自定义大小？

感谢

来源

2014-07-24 cwiggo

只是单挑..你可能会违反Facebook的一些服务条款。请看[本页]（https://www.facebookbrand.com/dos-donts），特别是''Don'ts''部分的最后一个要点。 “（不）”以任何方式修改Facebook品牌资产，例如通过更改设计或颜色“' – Lix

从个人经验来看，如果Facebook赶上违反其平台TOS的行为，他们将*采取行动。当我暂停我的个人开发者帐户时，我的所有应用程序都被取消了... – Lix

更改宽度/高度不是我设想的设计的一部分吗？您可以更改文字，即使按钮的宽度更大吗？ – cwiggo

使用!important在CSS来覆盖现有的样式。例如，

width: 249px !important;

来源

2014-07-24 13:11:56 kasparg

我试图在我的主要.css文件中做到这一点。但它没有覆盖插入的iframe中的div – cwiggo

Sry，我之前误解了您的问题......请参阅此处如果您正在处理iframe - > http://stackoverflow.com/questions/6494721/css-重写主体风格的内容在iframe – kasparg

更改Facebook的登录按钮宽度和高度

回答

相关问题