更改盒计数的Facebook背景

更改盒计数的Facebook背景,facebook,Facebook,在这些日子里,当我在like按钮上有一个框计数选项时,Facebook有一个透明的背景。我想用喜欢的数量来改变盒子的背景色 实际上,您可以使用CSS更改它。我也有同样的问题,我用以下代码修复了它: .fb-like{ background-color: #FFF; border-radius: 5px; } 背景颜色的变化很明显,但您也需要更改边框半径,否则您会在like按钮周围看到白色背景,因为它的边框半径为5px 需要注意的一点是,如果包含共享按钮,这段代码将不会很好地帮助

在这些日子里,当我在like按钮上有一个框计数选项时,Facebook有一个透明的背景。我想用喜欢的数量来改变盒子的背景色


实际上,您可以使用CSS更改它。我也有同样的问题,我用以下代码修复了它:

.fb-like{
    background-color: #FFF;
    border-radius: 5px;
}
背景颜色的变化很明显,但您也需要更改边框半径,否则您会在like按钮周围看到白色背景,因为它的边框半径为5px

需要注意的一点是,如果包含共享按钮,这段代码将不会很好地帮助您,因为共享按钮和类似按钮之间会有一个白色背景,看起来不太好,但我禁用了共享按钮,这对我来说很好

现在我只希望我知道如何以一种与共享按钮友好的方式更改背景颜色,这样我就可以将其添加回去。如果你想办法的话,请告诉我,但现在我只向facebook提交一份bug报告

请注意如果使用javascript SDK按钮,这是一个修复程序。我不知道它是否能与iframe类似的按钮一起工作

编辑:我找到了一种更有效的方法。这种方式也仅适用于javascript sdk按钮。iframe的allowTransparency属性似乎暂时被窃听了

如果使用javascript SDK按钮,请将此行添加到
fb like
div的末尾:
数据配色方案:“深色”

当这样做的时候,它会让背景保持透明,但它会将文本和边框更改为白色,以提高可读性,并且无需使用css覆盖。同样,当你这样做的时候,你可以保留共享按钮,它仍然看起来不错


如果这样做不适合您,那么您最好使用按钮计数布局,直到他们修复透明度属性。

实际上,您可以使用CSS更改它。我也有同样的问题,我用以下代码修复了它:

.fb-like{
    background-color: #FFF;
    border-radius: 5px;
}
背景颜色的变化很明显,但您也需要更改边框半径,否则您会在like按钮周围看到白色背景,因为它的边框半径为5px

需要注意的一点是,如果包含共享按钮,这段代码将不会很好地帮助您,因为共享按钮和类似按钮之间会有一个白色背景,看起来不太好,但我禁用了共享按钮,这对我来说很好

现在我只希望我知道如何以一种与共享按钮友好的方式更改背景颜色,这样我就可以将其添加回去。如果你想办法的话,请告诉我,但现在我只向facebook提交一份bug报告

请注意如果使用javascript SDK按钮,这是一个修复程序。我不知道它是否能与iframe类似的按钮一起工作

编辑:我找到了一种更有效的方法。这种方式也仅适用于javascript sdk按钮。iframe的allowTransparency属性似乎暂时被窃听了

如果使用javascript SDK按钮,请将此行添加到
fb like
div的末尾:
数据配色方案:“深色”

当这样做的时候,它会让背景保持透明,但它会将文本和边框更改为白色,以提高可读性,并且无需使用css覆盖。同样,当你这样做的时候,你可以保留共享按钮,它仍然看起来不错


如果这样做不适合您,那么您最好使用按钮计数布局,直到他们修复透明度属性。

您不能。社交插件在iFrame中运行,内容从Facebook域加载,因此您无法通过JavaScript访问它,也无法通过您站点的CSS影响它。当然,你可以提交一份bug报告,如果你认为插件本身应该有不同的行为,你就不能。社交插件在iFrame中运行,内容从Facebook域加载,因此您无法通过JavaScript访问它,也无法通过您站点的CSS影响它。当然,如果你认为插件本身的行为应该有所不同,你可以提交一份bug报告,