我们的大学社交媒体页面使用 Facebook Like 按钮，但是当有人作为页面登录时，它会显示一张带有红色背景的大照片，甚至更大的白色背景，并带有文字“switch”。我们想知道是否有办法改变格式，或者 Facebook 端是否正在采取任何措施来增加更多的多功能性，以便我们可以:
- 删除白色背景，这样它在灰色背景上时就不会发生冲突，
- 提供选项，因此当用户作为页面登录时，它可以显示为当前格式，或者当用户以自己的身份登录时显示为“赞”按钮大小的格式，这样就不会不要破坏网页的设计。
- 提供其他颜色选项，而不仅仅是红色，这样它可以与您的配色方案融为一体并且看起来美观。
- 可以选择要显示的文本，而不是“切换”，这可能不直观。
最佳答案
首先，欢迎来到俱乐部。我们很多人都感受到你的痛苦。不幸的是，你有点墨守成规。
Facebook 的“赞”按钮显示在您页面上的 iFrame 中 - 这意味着 Facebook 控制显示的内容以及设置其样式的 CSS。由于您无法使用站点中的 CSS 来设置来自单独域的 iFrame 的样式，因此没有好的方法来控制站点上按钮的样式。这样就有效地排除了选项 1、3 和 4。
至于选项 2，这可能是您最好的选择...
Facebook 的“切换”按钮始终具有相同的大小 - 这意味着它是一个大正方形，而不是某些人使用的较小的单行按钮(我认为这就是您正在使用的按钮，对吧？) 。通常，我们通过将 iFrame 样式设置为 overflow:hidden; 并设置 CSS height 来解决任何布局问题(如果您使用 1 行按钮，通常是32 像素)。这将切断红色的“切换”按钮，它看起来很丑……但至少它可以让您保持相同的页面布局，而不会因尺寸错误的按钮而丢失页面元素。
最终，iframe 的情况为 Facebook 提供了很大的控制权，使其“喜欢”按钮在所有网站上统一 - 这非常酷。不幸的是，当某些东西看起来很糟糕时，您没有很多选项来动态更改它。祝你好运!
关于Facebook Like 按钮以页面身份登录，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13885142/