fonts - Facebook 喜欢：字体颜色

Question

我使用以下页面上的“赞”按钮：

http://developers.facebook.com/docs/reference/plugins/like/

有什么方法可以将字体颜色更改为白色，因为黑色没有出现在我的背景上。

谢谢你！

Answer 1

您可以设置colorscheme="dark" 或data-colorscheme="dark"。生成like按钮时有一个配色方案选项。

Answer 2

覆盖 CSS 样式可以通过多种方式完成，以下是 MDN 的特殊性的简短说明：

https://developer.mozilla.org/en/CSS/specificity

特异性是浏览器决定给定属性的哪个匹配 CSS 规则最相关的方法。

一般来说，规则是按以下顺序选择的：

• 标记为 !important 的规则
• 那些附加到元素本身的（即<div style="color:red;">）
• 选择器中具有更多 id 的规则（例如“#foo #bar”击败“#baz”）
• 具有更多类的规则（例如，“.x .y .z”击败“.a .b”，但它们都被前一条规则中的“#a”击败）
• 带有更多标签的规则（例如“body div span”胜过“p strong”）
• 不适用于相关元素但位于其继承链上游的规则

我还可以补充一点，随后出现的规则会覆盖第一个规则，因此在库、外部资源等之后包含您自己的 CSS 会很有帮助。

.rule { color: red; }
.rule { color: blue; }

现在您只需要研究元素以找出适用于它的规则。Chrome 的 Inspect Element 或 Firefox 中的 Firebug 都有面板，显示已被元素继承的 CSS。

在这种情况下，我可以看到蓝色直接来自 .liketext 类。因此，请以任何方式覆盖它。最简单的方法是重新声明 .liketext 类以使用 !important 仅覆盖该属性。

.liketext { color: white !important; }

如果这不能立即起作用，请开始应用特异性规则：

.connect_widget_like_button .liketext { ... }
.connect_widget_like_button span.liketext { ... }