facebook - 如何删除框周围的边框

Question

我知道现在不可能将您自己的 css 链接到喜欢框来自定义它，但是这个问题似乎可以使用喜欢框向导来解决。我想要做的就是将边框颜色更改为与我的页面背景相同，这样看起来根本就没有边框。奇怪的是，我在边框字段中放置的任何颜色似乎都不会影响结果。这是我的网站:http://www.uplatindance.com/SDO/

这是嵌入代码

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" data-href="http://www.facebook.com/pages/Its-Salsa-Time/205870466141243" data-width="260" data-height= "65" data-colorscheme="dark" data-show-faces="false" data-border-color="black" data-stream="false" data-header="false"></div>

想法？

Answer 1

这是一个有趣的问题，因为我们无法访问控制 HTML 元素样式的 CSS，因为它位于 iframe 中。然而，我们可以像这样用包含的 div 包装 div:

<div class="fb-container">
<div id="bg-box" class="fb-like-box" data-href="http://www.facebook.com/pages/Its-Salsa-Time/205870466141243" data-width="260" data-height= "65" data-colorscheme="dark" data-show-faces="false" data-border-color="black" data-stream="false" data-header="false"></div>
<div>

fb-container div 将水平和垂直缩短 2px 以切掉边框。这是 CSS:

.fb-container {
    width: 258px;
    height: 63px;
    overflow: hidden;
}

.fb-container > div {
     margin: -1px 0px 0px -1px;  
}

这是一个 jsfiddle 现场演示:

http://jsfiddle.net/jK97V/