2010-09-06 96 views
2

我使用Disqus与Wordpress(作为WP插件)的外部评论系统,我试图用我的自定义CSS来定制它。如何在Disqus评论textarea中更改文字颜色?

一切工作的很好,但我有替换textarea形式的默认文本颜色的问题。

我想它:

#dsq-content .dsq-textarea .dsq-textarea-wrapper, #dsq-content .dsq-input-wrapper { color: red !important } 

,但我没有成功,甚至当我targetet只是“textarea的”,它没有奏效。

看来,JavaScript是一起玩,因为有2个事件:当textarea被聚焦和模糊。当出现“模糊”时,将placeholder-gray CSS类添加到textarea中,但使用CSS进行定位并不合适。

Disqus有很差的文档,所以我想通过代码检查找出所有这些。

任何想法将非常感激。

P.S.我没有一个在线工作示例,您可以在任何使用Disqus的博客/网站上看到它,例如在他们自己的博客上:http://blog.disqus.com/post/974280725/achievement-unlocked-merging-profiles#disqus_thread

回答

0

您链接到的站点具有CSS样式块, textarea,如果你编辑这个来添加color: #f90;它会将颜色从通常的黑色改变为橙色(在这个例子中)。推测你也可以在文档的head中添加它。

如果您使用类似Chrome的开发人员工具或Firebug for Firefox,则可以编辑html/css以查看效果(尽管不会持久),以查看您可以进行哪些更改,或者需要,使。

1

如果你还没有解决它,我发现了一个解决方案,为我工作。在wordpress样式表中的body {}标签后面,您会发现ul {}将color:#FFFFFF更改为color:#000000(或您喜欢的颜色)。它为我工作,我希望它会为你工作。

body{ 
text-decoration: none; 
background-color: #000000; 
} 

a:hover{ 
color: #FFFFFF; 
} 

a { 
color: #CCCCCC; 
text-decoration: none; 
font-size: 14px; 
}  

li { 
padding: 10px 10px 0px 10px; 
}  

ul { 
list-style:none; 
>>> color: #000000;  
margin-left: 25px;  
} 
1

根据主题的布局方式,Disqus可能会继承与背景相同的不同文本颜色。您可以使用以下覆盖对其进行更改:

#dsq-content { color: #ffffff !important; } 

如果文本颜色仍然没有更改,则需要更直接地定位注释。这可以用下面的CSS来实现:

.dsq-full-comment { color: #ffffff !important; } /*for Narcissus theme users*/ 

.dsq-comment-body { color: #ffffff !important; } /*for Houdini theme users*/ 
0

你的网站链接的网站上有一个CSS的设计只是防止textarea的面前,如果你修改这个添加颜色:#F90;它会随着从普通的黑暗到柠檬(在这个例子中)一起修改。大概你也可以在论文的后面加上这个。

Spybubble Free