2014-07-24 89 views
2

我有以下代碼:更改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將納入這一自定義大小?

感謝

+2

只是單挑..你可能會違反Facebook的一些服務條款。請看[本頁](https://www.facebookbrand.com/dos-donts),特別是''Don'ts''部分的最後一個要點。 「(不)」以任何方式修改Facebook品牌資產,例如通過更改設計或顏色「' – Lix

+1

從個人經驗來看,如果Facebook趕上違反其平臺TOS的行爲,他們將*採取行動。當我暫停我的個人開發者帳戶時,我的所有應用程序都被取消了... – Lix

+0

更改寬度/高度不是我設想的設計的一部分嗎?您可以更改文字,即使按鈕的寬度更大嗎? – cwiggo

回答

1

使用!important在CSS來覆蓋現有的樣式。例如,

width: 249px !important; 
+0

我試圖在我的主要.css文件中做到這一點。但它沒有覆蓋插入的iframe中的div – cwiggo

+0

Sry,我之前誤解了您的問題......請參閱此處如果您正在處理iframe - > http://stackoverflow.com/questions/6494721/css-重寫主體風格的內容在iframe – kasparg