删除 Facebook 发送按钮的背景颜色
我在我的网站上使用 facebook 发送按钮。几天以来，这个按钮的背景颜色设置为白色，这在我的网站上真的很难看。我也使用“赞”按钮，工作正常。
这是一个例子： *
背景颜色是在 iframe 的 body 标签中设置的，所以我无权访问它...... 有什么建议吗？
I'm using facebook Send button on my website. Since a few days, this button has a background color set to white, which is really ugly on my website. I'm also using the Like button, working fine.
Here is an example: *
The background color is set in the body tag of the iframe, so I dont have access to it...
Any suggestion?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
如果您使用的是 XFBML 代码，则可以尝试设置 colorcheme='dark' 或将 &colorscheme=dark 添加到 iframe src 属性中 facebook URL 的末尾。
使用 CSS 在这里不起作用，因为内容正在 iframe 中加载......
you can try setting colorscheme='dark' if you are using the XFBML code or add &colorscheme=dark to the end of the facebook URL in the iframe src attribute.
Using CSS will not work here since the content is being loaded in an iframe...
你们尝试过在 iframe 标签上使用allowTransparency =“true”吗？
Have you guys tried out using allowTransparency="true" on the iframe tag?
colorcheme 更改按钮颜色，并在弹出窗口上放置黑色背景，但白色按钮背景仍然保留。我尝试将 fb:send 元素的宽度设置为按钮宽度（大约 53px），但弹出窗口是该元素的子元素，并且会被该宽度截断。
我自己没有看到解决方案。在我的项目中，我打算将按钮放在图像背景的顶部，但我必须将其插入图像下方的白色区域。
colorscheme changes the button color and also puts a black background on the pop-up, but the white button background remains. I tried setting the fb:send element's width to the button width (about 53px) but the pop-up is a child of that element and gets cut off with that width.
I don't see a solution to it myself. In my project, I was going to put the button on top of an image background but instead I'll have to insert it in a white region below the image.
是的，这是可以做到的。
首先，将 #id 添加到您的 FB 代码中（我自己使用跨度而不是 div）：
您可以保持代码不变，只需添加 id="fboverlay"在那儿。
然后编辑你的 css 并添加：
就是这样。
Shurelly 它使用 CSS3，因此它不是 100% 兼容（特别是与旧浏览器），你知道它是怎么回事......
Yes, it can be done.
First, add an #id to your FB code (I use myself a span instead of a div):
You can leave your code just as it is, just add that id="fboverlay" over there.
Then edit your css and add:
And that's it.
Shurelly it's using CSS3, therefore it's not 100% compatible (specially with old browsers), you know how it is...