facebook - 自定义 Facebook 登录按钮文本(HTML5 版本)- FOUC

标签 facebook html facebook-javascript-sdk

使用 XFBML,可以 change the text of login button像这样:

<fb:login-button>
    Custom login text
</fb:login-button>

按钮的 HTML5 版本也有类似的可能:

<div class="fb-login-button">
    Custom login text
</div>

问题在于,与在 SDK 加载后呈现的 XFBML 不同,HTML5 版本甚至在 FB SDK 初始化之前就由浏览器呈现,导致纯“自定义登录文本”字符串出现在在 SDK 初始化登录按钮并将其更改为 Facebook 原生外观(类似于 FOUC - 无样式内容的闪光)之前。

有什么方法可以指定自定义文本并避免这个问题吗?例如。一些数据参数,或任何如何动态更改文本的 JS 方式。

最佳答案

到目前为止,我找到的唯一方法是将自定义登录文本的颜色设置为与背景颜色相同。一旦加载了 SDK,Facebook 就会覆盖颜色。

我直接在div上设置颜色。

希望您能找到更好的( native )方法来执行此操作。

关于facebook - 自定义 Facebook 登录按钮文本(HTML5 版本)- FOUC,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10484135/

相关文章:

css - Facebook 点赞箱

javascript - 减慢浏览器渲染

javascript - 使用 Javascript SDK 本地化 Facebook 登录

javascript - Parse.com Facebook 登录用户

c# - Facebook SDK 在 Windows 10 应用程序上加载时出错(XAML、C#)

facebook->getUser() 返回 0

ios - Facebook ios sdk(obj-c to swift)问题

html - 如何从浏览器缩放中排除某些文本

html - 如何更改英特尔 XDK 中的初始屏幕?

javascript - 有没有办法使用 jQuery 提交 "fake"表单?