更改Facebook计数的背景

Question

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

Facebook box-count

Answer 1

实际上你可以用CSS改变它。我有同样的问题，我用以下代码修复它：

.fb-like{
    background-color: #FFF;
    border-radius: 5px;
}

背景颜色变化很明显，但您需要更改边框半径，否则您会看到相似按钮周围的白色背景，因为它的边框半径为5px。

有一点需要注意的是，如果你包含一个分享按钮，这段代码对你不会很好，因为在分享按钮和类似按钮之间会有一个白色背景，但它看起来不太好，但是我添加了分享按钮，这对我来说效果很好。

现在我只是希望我知道如何以分享按钮友好的方式更改背景颜色，以便我可以添加它。如果你找到方法，请告诉我，但是现在我只是向facebook提交一份错误报告。

请注意如果您使用javascript SDK按钮，这是一项修复。我不知道它是否适用于像iframe一样的按钮

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

如果使用javascript SDK按钮，请将此行添加到fb-like div的末尾： data-colorscheme:"dark"

以这种方式执行此操作时，它会使背景保持透明，但它会将文本和边框更改为白色以获得更好的可读性，而无需使用css覆盖。此外，当这样做时，你可以保持包含的分享按钮，它看起来仍然很好。

如果这样做不适合你，那么你最好只使用button_count布局，直到他们修复透明属性。