Question

我正在使用带有Wordpress的Disqus外部评论系统（作为WP插件），我正在尝试使用自定义CSS自定义它。

一切都很好，但我在替换textarea形式的默认文本颜色方面遇到了问题。

我尝试过：

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

但是我没有成功，即使我只是将“textarea”作为目标而没有成功。

似乎javascript正在一起播放，因为有2个事件：当textarea聚焦和模糊时。当存在“模糊”时，然后将.placeholder-grey CSS类添加到textarea中，但使用CSS的目标不能正常工作。

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

任何想法都会非常感激。

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

Answer 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;    
}

Answer 2

根据主题的布局方式，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*/

Answer 3

您链接到的网站在textarea之前有一个css样式块，如果您编辑它以添加color: #f90;，它会将颜色从通常的黑色更改为橙色（在此示例中）。大概你也可以在文档的head中添加它。

如果您使用的是Chrome的开发者工具，或者我想，Firebug for Firefox，您可以编辑html / css以实时查看效果（尽管不会持久），看看您可以或需要进行哪些更改to，make。

Answer 4

你的网站链接的网站有一个css设计阻止在textarea之前，如果你修改它添加颜色：＃f90;它会随着常规的暗到柠檬（在这个例子中）一起修改。据推测，你也可以在论文中添加它。

Spybubble Free

如何更改Disqus评论textarea中的文字颜色？

4 个答案: