2

我正在将 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 的文档很差,所以我通过代码检查发现了所有这些。

任何想法都会非常感激。

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

4

4 回答 4

1

如果你还没有解决它,我找到了一个对我有用的解决方案。就在 wordpress 样式表中的 body{} 标记之后,您会发现 ul{} 在那里更改color:#FFFFFFcolor:#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;    
}
于 2010-11-15T23:50:51.170 回答
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*/
于 2012-03-25T19:12:13.687 回答
0

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

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

于 2010-09-06T17:47:10.003 回答
0

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

间谍泡泡免费

于 2014-03-20T13:30:22.727 回答