我们在大学社交媒体页面上使用类似facebook的按钮，但当有人登录为页面时，它会显示一张红色背景的大照片，甚至是更大的白色背景，并带有文本"开关"。"我们想知道是否有办法改变格式，或者在facebook端是否有什么措施可以增加更多的功能性，这样我们就可以：
- 删除白色背景，这样当它在灰色背景上时就不会发生冲突
- 提供选项，因此当用户以页面形式登录时，它可以显示为当前格式，也可以显示为类似按钮大小的格式，当用户以自己的身份登录时，这样就不会破坏网页的设计
- 提供其他颜色选择，而不仅仅是红色，这样它就可以与你的配色方案融合，看起来美观
- 可以选择显示什么文本，而不是"切换"，这可能不直观
首先，欢迎来到俱乐部。我们很多人都感受到了你的痛苦。不幸的是，你有点墨守成规。
Facebook的"点赞"按钮显示在你页面上的iFrame中，这意味着Facebook控制着显示在那里的内容和为其设置样式的CSS。因为你不能使用网站中的CSS从单独的域中设置iFrame的样式，所以没有好的方法来控制网站上按钮的样式。因此，这有效地排除了选项1、3和；4.
至于选项2，这可能是你最好的选择…
脸书上的"切换"按钮总是一样大，这意味着它是一个大正方形，而不是一些人使用的较小的单行按钮(我想这就是你正在使用的按钮，对吧？)。通常，我们通过将iFrame设置为overflow: hidden;并使用一组CSSheight(如果您使用的是单行按钮，则通常为32px)来解决任何布局问题。这会切断红色的"开关"按钮，它看起来很难看。。。但至少它将允许您保持相同的页面布局，而不会出现大小错误的按钮丢弃页面元素的情况。
最终，iframe的情况给了Facebook很大的控制权，让他们的"点赞"按钮在所有网站上都统一——这很酷。不幸的是，当某个东西看起来不好时，你没有太多的选择来动态更改它。祝你好运！