Facebook喜欢:字体颜色

时间:2011-09-12 02:07:08

标签: fonts colors facebook-social-plugins

我使用了以下页面中的like按钮:

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

有没有办法将字体颜色更改为白色,因为黑色不会显示在我的背景上。

谢谢你!

2 个答案:

答案 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 { ... }