如何更改 Disqus 评论文本区域中的文本颜色？答案

【问题标题】：How to change text color in Disqus comment textarea?如何更改 Disqus 评论文本区域中的文本颜色？
【发布时间】：2010-09-06 17:10:43
【问题描述】：

我正在使用 Disqus 外部评论系统和 Wordpress（作为 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 类添加到文本区域，但使用 CSS 定位该类效果不佳。

Disqus 的文档很差，所以我通过代码检查发现了这一切。

任何想法都将不胜感激。

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

【问题讨论】：

标签： css wordpress colors textarea disqus

【解决方案1】：

根据主题的布局，Disqus 可能会继承与背景相同的不同文本颜色。您可以使用以下覆盖来更改它：

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

如果文本颜色仍然没有改变，您将需要更直接地定位 cmets。这可以通过以下 CSS 完成：

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

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

【讨论】：

【解决方案2】：

如果您还没有解决它，我找到了适合我的解决方案。就在 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;    
}

【讨论】：

【解决方案3】：

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

如果您使用 Chrome 的开发人员工具，或者我想，Firefox 的 Firebug，您可以编辑 html/css 以实时查看效果（尽管它不会持续存在），以查看您可以或需要进行哪些更改做，做。

【讨论】：

【解决方案4】：

您链接到的网站在 textarea 之前有一个 css 设计，如果您修改它以添加颜色：#f90;它会随着从常规的深色变为柠檬色（在本例中）。大概你也可以在论文中添加这个。

Spybubble Free

【讨论】：