Question

我在http://swiftcarbon.com/carocap-the-journey-thus-far/上的wordpress网站上使用Disqus评论插件

正如您所看到的那样，使用深蓝色（ rgb（0,0,238））而不是蓝色网站（ ## 288ce4 ），对于下划线，和锚标签。

我已经阅读了https://help.disqus.com/customer/portal/articles/545277上的文档，但根据这篇文章，Disqus应该对这些链接应用黑色，我很满意。

到目前为止，我试图用重要的方式覆盖样式，以改变不起作用的颜色。我甚至尝试过，虽然我知道它是禁止的，但是在$（window）.load（）方法上使用Javascript注入样式以确保在js运行之前加载Disqus部分。 / p>

CSS

#disqus_thread .publisher-anchor-color {
  color: black !important;
}

js

$("#disqus_thread .publisher-anchor-color").css("color", "black !important");

或

$("#disqus_thread .publisher-anchor-color").removeClass("publisher-anchor-color);

有没有人遇到过类似的问题，并设法改变了样式。

Answer 1

最终工作解决方案：

<html>
<head>
    <style>
        #disqus_thread a {
            color: red;
        }
    </style>
    <script type='text/javascript'>
        /* <![CDATA[ */
        var embedVars = {"disqusConfig":{"platform":"wordpress@4.3.1","language":""},"disqusIdentifier":"5829 http:\/\/swiftcarbon.com\/?p=5829","disqusShortname":"swiftcarbon","disqusTitle":"CAROCAP: THE JOURNEY THUS FAR","disqusUrl":"http:\/\/swiftcarbon.com\/carocap-the-journey-thus-far\/","options":{"manualSync":false},"postId":"5829"};
        /* ]]> */
    </script>
    <script type='text/javascript' src='http://swiftcarbon.com/wp-content/plugins/disqus-comment-system/media/js/disqus.js?ver=4.3.1'></script>
</head>
<body>

    <div id="disqus_thread">
        <iframe id="dsq-app1" name="dsq-app1" allowtransparency="true" frameborder="0" scrolling="no" tabindex="0" title="Disqus" width="100%" height="100%" src="http://disqus.com/embed/comments/?base=default&amp;version=9c6bf8c60a74cf4ced706cfda8a939f7&amp;f=swiftcarbon&amp;t_i=5829%20http%3A%2F%2Fswiftcarbon.com%2F%3Fp%3D5829&amp;t_u=http%3A%2F%2Fswiftcarbon.com%2Fcarocap-the-journey-thus-far%2F&amp;t_e=CAROCAP%3A%20THE%20JOURNEY%20THUS%20FAR&amp;t_d=CAROCAP%3A%20THE%20JOURNEY%20THUS%20FAR&amp;t_t=CAROCAP%3A%20THE%20JOURNEY%20THUS%20FAR&amp;s_o=default&amp;l=" style="width: 100% !important; border: 1px solid red !important; overflow: hidden !important; height: 475px !important;" horizontalscrolling="no" verticalscrolling="no"></iframe> 
    </div>
</body>
</html>

** //更新**和调试：

Answer 2

disqus线程进入iframe。您无法从父页面更改帧内容的CSS。所以这需要在disqus方面解决 - 也许你需要设置一个api选项。

Answer 3

Disqus链接颜色是从您网站的“ a”定义颜色继承而来，更改CSS以定义新的链接颜色，它将自动进行选择

不正确的搜索引擎样式

3 个答案: