我使用了以下页面中的like按钮:
http://developers.facebook.com/docs/reference/plugins/like/
有没有办法将字体颜色更改为白色,因为黑色不会显示在我的背景上。
谢谢你!答案 0 :(得分:2)
您可以设置colorscheme =“dark”或data-colorscheme =“dark”。生成类似按钮时,有一个颜色方案选项。
答案 1 :(得分:-2)
覆盖CSS样式可以通过多种方式完成,这里是对MDN特异性的简短解释:
https://developer.mozilla.org/en/CSS/specificity
特异性是指浏览器决定给定属性的哪些匹配CSS规则最相关的方式。
从广义上讲,规则是按以下顺序选择的:
- 规则标记!important
- 附加到元素本身的那些(即< div style =“color:red;”>)
- 选择器中包含更多ID的规则(例如“#foo #bar”胜过“#baz”)
- 有更多类的规则(例如“.x .y .z”beats“.a .b”,但它们都被前一条规则中的“#a”击败)
- 包含更多标签的规则(例如“body div span”beats“p strong”)
- 规则不适用于相关元素,但是继承了其继承链
我还可以补充说,随后出现的规则会覆盖第一个规则,因此在您的库,外部资源等之后包含您自己的CSS会很有帮助。
.rule { color: red; }
.rule { color: blue; }
现在您只需要研究元素以找出适用于它的规则。 Firefox中的Chrome Inspect Element或Firebug都有面板,显示元素继承的CSS。
在这种情况下,我可以看到蓝色直接来自.liketext类。所以你可以用任何方式覆盖它。最简单的方法是重新声明.liketext类,用!important。覆盖那个属性。
.liketext { color: white !important; }
如果这不能立即起作用,请开始应用特异性规则:
.connect_widget_like_button .liketext { ... }
.connect_widget_like_button span.liketext { ... }