2010-11-06 69 views
1

我使用Facebook的框与JavaScript的SDK和我自己的CSS样式表。
CSS链接是here
我想要的是将链接颜色更改为#D90000以匹配我的网站颜色。我尝试了一切,但我只是表现出来。那么,我应该添加到CSS来更改我的链接颜色? 感谢;)Facebook的喜欢框链接颜色

+0

我不知道这是否会帮助,但采取lookt吧:http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/ – ipalaus 2010-11-06 14:34:53

回答

0

因为Facebook动态加载它的样式表(通过JS调用),它们总是会在页面上最后声明的样式 - 因此,您不能覆盖样式表中声明的任何样式,除非将它们添加到元素直。您的样式表适用于尚未在Facebook样式表中声明的样式,但不会覆盖所包含的任何声明。

相反,你需要强迫自己的风格声明在使用!important占先:

.fan_box .connections_grid .grid_item a:link {color: #D90000 !important; } 
.fan_box .connections_grid .grid_item a:active {color: #D90000 !important; } 
.fan_box .connections_grid .grid_item a:visited {color: #D90000 !important; } 
.fan_box .connections_grid .grid_item a:hover {color: #D90000 !important; } 
+0

技术上!重要的将覆盖,但在我的情况下,它不加载CSS。任何可能的原因和解决方案 – nepsdotin 2011-03-20 09:26:30

+0

@nepsdotin - 我建议你用一些更多的信息开一个新的问题 - 不确定我们可以帮助你在这里提供的有限的信息。 – Dexter 2011-03-20 14:57:37

1
.fan_box .connections_grid .grid_item a:link {color: black; text-decoration: none; } 
.fan_box .connections_grid .grid_item a:active {color: black; text-decoration: none; } 
.fan_box .connections_grid .grid_item a:visited {color: black; text-decoration: none; } 
.fan_box .connections_grid .grid_item a:hover {color: black; text-decoration: none; } 

您可以使用所有这些来控制链接的各种状态。用你想要的任何属性替换颜色和文字修饰。

编辑:使它更具体,以便它符合您的其他声明。

+0

这就是我的问题,我已经将这些行添加到了我的样式表中,但链接仍未更改。 这里是CSS的内容现在:http://xaforum.tk/js/facebook.css – Krste 2010-11-06 14:17:14

+0

@КрстеПоткоњак尝试使其更具体,根据我的编辑。 – Radu 2010-11-06 22:23:07

3

facebook like框从iframe加载自己的代码。据我所知,无法修改它的类。

+0

当然,这就是为什么我使用Javascript SDK,这里解释http://developers.facebook.com/docs/reference/javascript/。 我的其他CSS编辑工作,但不能改变我的链接颜色,我不知道我做错了什么。您可以检查OP中的CSS文件。 – Krste 2010-11-06 14:34:04

+0

也许用JavaScript? – 2010-11-06 14:35:52

+0

JavaScript SDK仍在创建iframe。 – ceejayoz 2011-04-25 18:57:50